font-size: 62.5% 的含义
2018-05-14 13:31
447 查看
各浏览器默认字体字号为 16px,即 16px 相当于 1rem
当我们定义 10px / 16px = 0.625 = 62.5% 时,浏览器的默认字体为 16px * 62.5% = 10px
此时即 10px 相当于 1rem
至于为何不直接定义根元素的 font-size 为 10px 是为了兼容 IE6。
html, body { font-size: 16px; /*default font-size equal 1 rem*/ } h1 { font-size: 1rem; /*16px * 1 = 16px*/ } h2 { font-size: .8rem; /*16px * 0.8 = 12.8px*/ }
当我们定义 10px / 16px = 0.625 = 62.5% 时,浏览器的默认字体为 16px * 62.5% = 10px
此时即 10px 相当于 1rem
html, body { font-size: 62.5%; /* 10px / 16px = 62.5% 即 font-size 是 10px 相当于 1rem */ } h1 { font-size: 1rem; /*10px * 1 = 10px*/ } h2 { font-size: 1.2rem; /*10px * 1.2 = 12px*/ } h2 { font-size: 1.4rem; /*10px * 1.4 = 14px*/ }
至于为何不直接定义根元素的 font-size 为 10px 是为了兼容 IE6。
相关文章推荐
- CSS: body{font-size: 62.5%;}为什么???
- 为什么body{font-size: 62.5%;}
- font-size 和 line-height 的含义
- CSS: body{font-size: 62.5%;}设置原因
- css font:12px/1.5 表示什么意思 body{font-size: 62.5%;}
- 关于浏览器的font-size:62.5%;
- 为什么body{font-size: 62.5%;}
- body中font-size:62.5%,但是用em设置input尺寸偏大是什么原因
- body{font-size: 62.5%;}这种写法的原因
- 设置body{font-size:62.5%}的原因
- 知识普及之:CSS: body{font-size: 62.5%;}这种写法为什么???
- 设置html为font-size:62.5%,1rem != 10px问题
- sizeWithFont:方法使用明细
- Skype—set font size —in CentOS/Fedora/RHEL—修改Skype字体大小
- Java -Xms -Xmx -Xss -XX:MaxNewSize -XX:MaxPermSize含义记录
- font-size-adjust
- 关于font-size对垂直居中影响的问题
- iOS学习:UILabel和sizeWithFont方法,可用于动态调整UILabel大小
- 【转载】关于font-size:100%
- hihocoder 1288:Font Size--微软2016校园招聘4月在线笔试