CSS中px,em,rem,vh,vw,vmin,vmax的简介

CSS中px,em,rem,vh,vw,vmin,vmax的简介

 

 px:绝对单位,页面按精确像素展示

 em:相对单位,基准点为父节点字体的大小,如果自身定义了font-size按自身来计算(浏览器默认字体是16px),整个页面内1em不是一个固定的值。

 rem:相对单位,可理解为”root em”, 相对根节点html的字体大小来计算,CSS3新加属性,chrome/firefox/IE9+支持。

 vw:viewpoint width,视窗宽度,1vw等于视窗宽度的1%。
       vh:viewpoint height,视窗高度,1vh等于视窗高度的1%。
       vmin:vw和vh中较小的那个。
       vmax:vw和vh中较大的那个。

 

李东辉

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:3   其中:访客  3   博主  0

  1. avatar 文栋说自媒体 1

    简单易懂,感谢博主的科普!

  2. avatar 外汇传媒 0

    博主是这方面的高手啊,我只会做个博客,以后还请多多指教!

  3. avatar 企业咨询 1

    来访,支持