首先,IE9+,Firefox、Chrome、Safari、Opera 的主流版本都支持了rem。
rem是只相对于根元素htm的font-size,即只需要设置根元素的font-size,其它元素使用rem单位设置成相应的百分比就可以了。
例如:
在html文件中简单些一个div,
<div class="aDiv" >
rem初学使用
</div>
在css设置
html{
font-size:20px;
}
那么,我们在css中设置html中那个div的宽高,
width:30rem;
height:40rem;
最后在浏览器里面运行,打印div的宽高,就是
width:600px;
height:800px;
网友评论