pt px rem em单位的区别

pt与px

pt(point)是印刷行业常用的单位,等于1/72英寸,表示绝对长度
px(pixel)像素,屏幕上显示数据的最基本的点。表示相对大小。

em和rem
em是相对长度单位,相当于当前对象内文本的字体尺寸,即em的计算是基于父级元素font-size

<body style="font-size:14px">
  <p style="font-size=2em">这里显示的是字体大小是28px(14*2)</p>
  <div style="font-size:18px">
    <p style="font-size:2em">这里显示的是36</p>
  </div>
</body>

rem css3新增的一个单位,与em的区别是 rem是相对于HTML根元素的大小。换做rem

<body style="font-size:14px">
  <p style="font-size=2rem">这里显示的是字体大小是32px(16*2)</p>
  <div style="font-size:18px">
    <p style="font-size:2em">这里显示的是32px</p>
  </div>
</body>

font-size的默认大小是16px

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

推荐阅读更多精彩内容

  • 作者:HelKyle链接:http://www.w3cplus.com/css/when-to-use-em-vs...
    红叶丶秋鸣阅读 8,557评论 0 3
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,683评论 1 92
  • 概念介绍 px (pixel,像素):是一个虚拟长度单位,是计算机系统的数字化图像长度单位,如果px要换算成物理长...
    柯琦阅读 6,233评论 0 7
  • 国内的设计师大都喜欢用px,而国外的网站大都喜欢用em和rem,那么三者有什么区别,又各自有什么优劣呢?PX特点1...
    xixihaha520阅读 3,502评论 0 0
  • 关于我,欢迎关注项目地址: Github 文档地址: Gitbook 我的博客: SHLLL的小站 本项目是电...
    shlllshlll阅读 4,585评论 2 0