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及以下版本。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 作者:HelKyle链接:http://www.w3cplus.com/css/when-to-use-em-vs...
    红叶丶秋鸣阅读 3,534评论 0 3
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,325评论 1 92
  • ·##概念介绍:1.px(pixel,像素):是一个虚拟长度单位,是计算机系统的数字化长度单位,如果px要换算成物...
    小时候很帅的龙少阅读 2,242评论 0 6
  • 概念介绍 px (pixel,像素):是一个虚拟长度单位,是计算机系统的数字化图像长度单位,如果px要换算成物理长...
    柯琦阅读 2,223评论 0 7
  • 前言 在自适应布局或者移动端网页开发时,我们经常会用到em和rem两个长度单位。接下来我们讨论一下这两个单位和px...
    RRRookieG阅读 556评论 0 0

友情链接更多精彩内容