码迷,mamicode.com
首页 > Web开发 > 详细

css的大小单位px,em,rem区别

时间:2017-07-29 10:17:29      阅读:153      评论:0      收藏:0      [点我收藏+]

标签:css   分辨率   长度   不同   根据   比较   rom   font   12px   

PX

px像素(Pixel)。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。使用px可以准确的定位网页元素,但是,不同显示器网页的显示效果可能会有差异,比较难兼容。

EM

EM就是根据基准来缩放字体的大小。EM实质是一个相对值,而非具体的数值。em是相对于父元素的属性而计算的,假如父元素的font-size是16px,2em=2*16px=32px。

REM

REM也是一个相对值,不过REM是相对html根元素的font-size而计算的。

一般浏览器的默认字体大小是16px,单位间的换算方便,10÷16=0.625,可以设置html的font-size为62.5%,1em=10px,16px=1.6em。因为chrome的最小字体为12px,所以这样设置最后得到的尺寸会大一些

css的大小单位px,em,rem区别

标签:css   分辨率   长度   不同   根据   比较   rom   font   12px   

原文地址:http://www.cnblogs.com/EDAB/p/7253316.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!