任意浏览器的默认字体高度16px(16像素)。

所有未经调整的浏览器都符合: 1em=16px。那么12px=0.75em,10px=0.625em。为了简化font-size的换算,需要在css中的body选择器中声明font-size=62.5%,这就使em值变为 16px*62.5%=10px, 这样12px=1.2em, 10px=1em

也就是说只需要将你的原来的px数值除以10,然后换上em作为单位就行了。

1、浏览器的默认字体大小是16px

2、如果元素自身没有设置字体大小,那么元素自身上的所有属性值如“boder、width、height、padding、margin、line-height”等值,我们都可以按下面的公式来计算

  1 ÷ 父元素的font-size × 需要转换的像素值 = em
3.元素设置了字体大小,此元素的其他属性,如“border、width、height、padding、margin、line-height”计算就需要按照下面的公式来计算

  1 ÷ 元素自身的font-size × 需要转换的像素值 = em

 个人觉得em是为了更好的维护网页和响应式而生的

最新文章

  1. Android系统中应用的安装和卸载的监听
  2. unity3d编辑器——检视面板部分(一)
  3. Centos中文乱码的解决方法
  4. Python 中的枚举类型~转
  5. 立体匹配:关于用OpenCV彩色化middlebury网站给定的视差
  6. 【转】重新封装FetchUrl函数一枚,支持COOKIES,喜欢领走~!
  7. UVA 11059
  8. ios存储 plist 偏好设置 自定义对象存储
  9. c#打开txt文件并导入到textbox中
  10. HDOJ 1214 圆桌会议
  11. 搭建自己的SIPserver:开源sipserveropensips的搭建及终端TwInkle的使用
  12. Git和Github的应用与命令方法总结
  13. HDU 4632 CF 245H 区间DP(回文)
  14. ssh-agent自启动加key脚本
  15. 转载:js和jquery获取父级元素、子级元素、兄弟元素的方法
  16. PHP Version之PHP5.2.x到5.3.x
  17. c++ stl algorithm: std::fill, std::fill_n
  18. Oracle Hints详细解释
  19. 2017年要学习的JavaScript的顶级框架和主题
  20. 【Android Developers Training】 82. 序言:传输数据时减少对电池寿命的影响

热门文章

  1. HibernateProperties 配置属性
  2. JavaScript 获取移动设备的型号
  3. UI Framework-1: Aura Layout Managers
  4. 在ubuntu上使用华为的3G无线上网卡 - usb_modeswitch
  5. 【Henu ACM Round#19 B】 Luxurious Houses
  6. 11 hbase源码系列(十一)Put、Delete在服务端是如何处理
  7. 基于BP神经网络的简单字符识别算法自小结(C语言版)
  8. HDOJ 4009 Transfer water 最小树形图
  9. iOS开发系列之四 - UITextView 使用方法小结
  10. STL 源代码剖析 算法 stl_algo.h -- search