码迷,mamicode.com
首页 > 其他好文 > 详细

rem介绍

时间:2016-11-20 18:16:10      阅读:153      评论:0      收藏:0      [点我收藏+]

标签:市场   screen   name   var   fonts   nbsp   import   rem   style   

手机端开发,一般以320px宽为最低标题。市场上的手机,大多数是360px宽。

 

20px=1rem是最容易换算的,基本上可以口算,除以2并缩小十倍。1px/20=0.05rem。两位小数就可以除尽了。

结合媒体查询就是:

@media only screen and (min-width: 320px){
    html {
        font-size : 20px !important;
    }
}

 

当然了,你也可以选择js动态计算:

    var width = window.screen.width;
    document.getElementsByTagName("html")[0].style.fontSize = (width*0.0625) + "px";

 

rem介绍

标签:市场   screen   name   var   fonts   nbsp   import   rem   style   

原文地址:http://www.cnblogs.com/angelshelter/p/6082734.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!