可能有同学发现了,使用rem单位的时候,将1rem = 10px,将有利于元素大小的计算,在谷歌上最小字体为12px,这是一个大麻烦,推荐一种解决方案:
实例
<style> html { font-size: 625%; } div { width: 1rem; height: 1rem; background-color: #66CCFF; } </style>
运行实例 »
点击 "运行实例" 按钮查看在线实例
大家可以测试一下,这时1rem 就是 100px
博客列表 >rem单位的使用心得
可能有同学发现了,使用rem单位的时候,将1rem = 10px,将有利于元素大小的计算,在谷歌上最小字体为12px,这是一个大麻烦,推荐一种解决方案:
<style> html { font-size: 625%; } div { width: 1rem; height: 1rem; background-color: #66CCFF; } </style>
点击 "运行实例" 按钮查看在线实例
大家可以测试一下,这时1rem 就是 100px