rem设置方法
设置页面的字体大小,基准值,所有的单位都是根据这个值进行计算的
页面设计时,宽度为370px时,可用下面的方法计算,或者是370的倍数,到时候rem记得除去倍数
如:1px = 0.01rem
@media screen and (min-width: 320px) {
html {
font-size: 85.333333px;
}
}
@media screen and (min-width: 360px) {
html {
font-size: 96px;
}
}
@media screen and (min-width: 375px) {
html {
font-size: 100px;
}
}
@media screen and (min-width: 400px) {
html {
font-size: 106.666667px;
}
}
@media screen and (min-width: 440px) {
html {
font-size: 117.333333px;
}
}
@media screen and (min-width: 480px) {
html {
font-size: 128px;
}
}
@media screen and (min-width: 640px) {
html {
font-size: 170.666667px;
}
}
html {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-font-size: calc(100vw/3.75);
-moz-font-size: calc(100vw/3.75);
font-size: calc(100vw/3.75);
}
上一篇:浏览器touch兼容方法
评论