关于EM的理解
2024-09-03 13:49:39
任意浏览器的默认字体高度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是为了更好的维护网页和响应式而生的
最新文章
- Android系统中应用的安装和卸载的监听
- unity3d编辑器——检视面板部分(一)
- Centos中文乱码的解决方法
- Python 中的枚举类型~转
- 立体匹配:关于用OpenCV彩色化middlebury网站给定的视差
- 【转】重新封装FetchUrl函数一枚,支持COOKIES,喜欢领走~!
- UVA 11059
- ios存储 plist 偏好设置 自定义对象存储
- c#打开txt文件并导入到textbox中
- HDOJ 1214 圆桌会议
- 搭建自己的SIPserver:开源sipserveropensips的搭建及终端TwInkle的使用
- Git和Github的应用与命令方法总结
- HDU 4632 CF 245H 区间DP(回文)
- ssh-agent自启动加key脚本
- 转载:js和jquery获取父级元素、子级元素、兄弟元素的方法
- PHP Version之PHP5.2.x到5.3.x
- c++ stl algorithm: std::fill, std::fill_n
- Oracle Hints详细解释
- 2017年要学习的JavaScript的顶级框架和主题
- 【Android Developers Training】 82. 序言:传输数据时减少对电池寿命的影响
热门文章
- HibernateProperties 配置属性
- JavaScript 获取移动设备的型号
- UI Framework-1: Aura Layout Managers
- 在ubuntu上使用华为的3G无线上网卡 - usb_modeswitch
- 【Henu ACM Round#19 B】 Luxurious Houses
- 11 hbase源码系列(十一)Put、Delete在服务端是如何处理
- 基于BP神经网络的简单字符识别算法自小结(C语言版)
- HDOJ 4009 Transfer water 最小树形图
- iOS开发系列之四 - UITextView 使用方法小结
- STL 源代码剖析 算法 stl_algo.h -- search