css中的长度单位px和em,rem有什么区别
- 2020-02-18 08:00:00
- 原创
- 2029
css中px,em,rem都是单位,不同的人或者不同的情况喜欢用不同的单位。
那么px,em,rem的区别在哪?
1. px像素(Pixel)。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。是一个绝对字体大小 .IE浏览器是无法调整那些使用px作为单位的字体大小
2. em是相对长度单位。是基于基数(比如:1.5em)来计算出来的相对字体大小。这个基数是需要乘以当前对象从其父级遗传字体大小
任意浏览器的默认字体高都是16px。那么2em=2*16px
<div class="parent" style="font-size: 16px"> <p style="font-size: 2em">我是em测试</p> </div>
目前,除了IE8及更早版本外,所有浏览器均已支持rem。对于不支持它的浏览器,可以多写一个绝对单位的声明。这些浏览器会忽略用rem设定的字体大小
如下:
html { font-size: 62.5%; } p { font-size: 15px; font-size: 1.5rem; }
发表评论
文章分类
联系我们
联系人: | 王先生 |
---|