码迷,mamicode.com
首页 > 移动开发 > 详细

手机端 设置html上font-size的值 使用rem

时间:2015-09-02 18:33:13      阅读:134      评论:0      收藏:0      [点我收藏+]

标签:

在head标签上加入:

(function() {
    var b = navigator.userAgent;
    ipad = b.match(/(iPad).*OS\s([\d_]+)/) ? true : false;
    iphone = !ipad && b.match(/(iPhone\sOS)\s([\d_]+)/) ? true : false;
    uc = navigator.userAgent.indexOf("UCBrowser") > -1 ? true : false;
    ios = ipad || iphone;
    var d = 1,a = 1,c;
    if (ios) {
        if (window.devicePixelRatio >= 2) {
            d *= 0.5;
            a *= 2
        }
    } else {
        if (uc) {
            if (window.devicePixelRatio >= 2) {
                d *= 0.5;
                a *= 2
            }
        }
    }
    c = ‘<meta name="viewport" content="initial-scale=‘ + d + ", maximum-scale=" + d + ", minimum-scale=" + d + ‘, width=device-width, user-scalable=no" />‘;
    document.write(c);
    document.documentElement.style.fontSize = 20 * a + "px"
})();

那么html上会根据手机的不同设置不同的font-size值,比如:<html style="font-size:20">,那么1rem=20px

手机端 设置html上font-size的值 使用rem

标签:

原文地址:http://www.cnblogs.com/cyj7/p/4779104.html

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