关于rem的进一步理解
- rem是css3新增的相对长度单位,相对于根元素html的font-size计算值得大小。相当于
屏幕宽度的百分比
。 - IE,Chrome默认根元素的font-size是16px,如果想要设置12px的字体大小就是
12px/16px=0.75rem
如果font-size设置为62.5%,则表示默认字体大小从16px修改为10px,即
10px/16px=62.5%
,1rem=10px
html {
width: 100%;
height: 100%;
font-size:62.5%; // fone-size: 10px;
}
body {
margin-top: 3rem; // margin-top: 30px;
}
还没有评论,来说两句吧...