字体单位px em rem终极解释

px是相对于电脑显示器屏幕的分辨率而言的
em是相对于父容器的fontSize的值来说的,现代浏览器的body默认1em = 16px;
rem是为了解决在多层嵌套的情况下,字体计算混乱的问题,该rem单位只针对html或者body的字体尺寸(默认是16px)
当然,body的默认尺寸是可以更改的,可以设为

body{
    font-size: 62.5%;
}

这样的话,1em=10px,就比较好算了

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,814评论 1 92
  • 作者:HelKyle链接:http://www.w3cplus.com/css/when-to-use-em-vs...
    红叶丶秋鸣阅读 3,309评论 0 3
  • 概念介绍 px (pixel,像素):是一个虚拟长度单位,是计算机系统的数字化图像长度单位,如果px要换算成物理长...
    柯琦阅读 2,067评论 0 7
  • 这里向大家描述一下CSS中px和em的特点和区别,px像素(Pixel),相对长度单位,像素px是相对于显示器屏幕...
    温木先生阅读 2,558评论 0 0
  • 今晚陪宝宝看了培生系列的书,这也是他喜欢的书籍之一。培生英语简单有趣,值得学习。不过我并没要求他跟读英语,我只是每...
    懒妈阅读 155评论 0 0