微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

3.常用CSS单位

 

1、px:绝对单位,与DPI有关

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

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

4、vw:viewpoint width,视窗宽度,1vw等于视窗宽度的1%。

5、vh:viewpoint height,视窗高度,1vh等于视窗高度的1%。

6、vmin:vw和vh中较小的那个。

7、vmax:vw和vh中较大的那个。

8、%:百分比

9、in:寸 = 96px

10、cm:厘米

11、mm:毫米

12、ex:取当前作用效果的字体的x的高度,在无法确定x高度的情况下以0.5em(当前字体高度的一半)计算

13、ch:   所使用字体中“0”字符的宽度,找不到时为0.5em(当前字体宽度的一半)

 

 

 

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。