px(pixel)

像素，是屏幕上显示数据的最基本的点，表示相对大小(不同分辨率上px显示不同)

pt(point)

印刷行业常用的单位(磅)，等于1/72英寸，表示绝对长度

em

em是相对长度单位，基于父级元素的font-size计算字体大小。

如果未设置父级字体大小，则相对浏览器默认字体尺寸16px（1em = 16px）：10px=0.625em，

为了简化换算，在css中的body选择器中声明Font-size=62.5%，这就使em值变为 16px*62.5%=10px, 10px=1em

如果设置了父级元素的font-size：

<body style="font-size:14px">

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

    <div style="font-size:18px">

        <p style="font-size:2em">我这里显示字体大小是36px(18px*2),而不是上面计算的28px</p>

    </div>

</body>

rem （root em）

与em的区别在于，它是相对于html根元素的。(在body标签里面设置字体大小不起作用)

既可以做到只修改根元素就成比例地调整所有字体大小，又可以避免字体大小逐层复合的连锁反应

 <body style="font-size:14px">

     <p style="font-size:2rem">我这里的字体显示大小是32px(16px*2),因为我是根据html根元素的font-size大小进行计算的</p>  

     <div style="font-size:18px">

         <p style="font-size:2rem">我这里显示字体大小是32px(16px*2),因为我是根据html根元素的font-size大小进行计算的</p>

     </div>

 </body>

【参考：pt，px，rem和em之间区别总结】

最新文章

  1. MFC AfxMessageBox默认标题修改
  2. 网站后台登录aspcms 提示错误号：-2147467259,错误描述：操作必须使用一个可更新的查询。sql=update AspCms_Content set TimeStatus=0 where TimeStatus=1 and Timeing &lt;= 解决方法。
  3. ORA-00001: unique constraint (...) violated解决方案
  4. jsp request.getParameterValues获取数组值代码示例
  5. HDU 1158 Employment Planning （DP）
  6. DataReader 和 DataSet 的区别
  7. 解决Silverlight5_tools无法安装问题(试验已成功)
  8. Spring AOP 本质(4)
  9. emacs redo
  10. 如何用photoshop把一张图片分割成几张图片呢？
  11. HTML5VEDIO标签阿里云-微信浏览器兼容性问题
  12. dir 命令手册
  13. Python开课复习10
  14. Pymongo NotMasterError while fetching count of the collection as per query from MongoDB in DRF
  15. [日常] 编写HTTP接口文档
  16. wikioi 3130 CYD刷题(背包）
  17. 微信小程序scroll-view不动的处理
  18. C语言链栈
  19. 使用CefSharp在.Net程序中嵌入Chrome浏览器（二）——参数设置
  20. 【DFS】佳佳的魔法阵

热门文章

  1. Erlang gen_server进程花样作死
  2. java_web学习(四) 二维表的制作(初步接触MVC)
  3. dotnet core cli 命令
  4. 【JavaScript随机生成验证码及其颜色】
  5. CSS3中first-child、last-child、nth-child、nth-last-child
  6. sublime text 3如何安装插件
  7. ubantu下su命令Authentication failure失败的解决方式
  8. hbase安装版本
  9. TCP层的分段和IP层的分片之间的关系 &amp; MTU和MSS之间的关系 （转载）
  10. 用于浏览器桌面通知的Web API 接口 -notification