CSS单位总结

Posted 李元芳芳芳

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了CSS单位总结相关的知识,希望对你有一定的参考价值。

单位描述
em相对长度单位,相对于自身元素的字号大小,如果没有设置即参照父容器的字号大小或浏览器默认字号大小;举例:如一个div#box的宽度设置为#box width:10em ,其字号大小#box font-size:14px ,则此div的宽度为140px。
remrem是css3的新标准也是一种相对长度单位,其相对于html根标签的字号大小。举例: 如有css: html font-size:14px,此根标签内有元素div#box的宽度为:#box width:10rem ,则此div的宽度换算成像素则为140px。
vwviewpoint width,视窗宽度,1vw=视窗宽度的1%
vh视窗高度,1vh=视窗高度的1%
vmaxvw和vh中较大的那个
vminvw和vh中较小的那个

以上是关于CSS单位总结的主要内容,如果未能解决你的问题,请参考以下文章

CSS单位总结

CSS单位总结

CSS单位总结

vwvhvminvmax 的含义

【转】css3中的width:100vh以及calc(100vh + 10px)

微信小程序中的单位