px、em、rem单位

px、em、rem都是相对长度单位,常用的是px。

px

1、px是相对与屏幕分辨率而言的;
2、px是固定的长度单位,因为在页面方法和缩小的时候,字体大小不变。

em

1、em是相对于自身以上的父辈的字体大小而言,直到浏览器的默认字体大小;
2、值为不固定的;
3、计算公式(16px ——>16/10 ——>1.6em)就是将px除以10添加em。

rem

1、rem相对于跟元素(html)而言;
2、避免了em这种逐级连锁反应(与父级无关);
3、多用于响应式的设置,移动端设计;
4、不兼容IE9及以下版本。

为您推荐

发表评论

电子邮件地址不会被公开。 必填项已用*标注