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

最新推荐文章于 2022-12-30 22:59:27 发布

didi8969

最新推荐文章于 2022-12-30 22:59:27 发布

阅读量151

点赞数

原文链接：http://www.cnblogs.com/cyj7/p/4779104.html

版权

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

在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

posted on 2015-09-02 17:31 安蝶阅读( ...) 评论( ...) 编辑收藏

转载于:https://www.cnblogs.com/cyj7/p/4779104.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

didi8969

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
手机端设置html上font-size的值使用rem

手机端设置html上font-size的值使用rem 在head标签上加入：(function() { var b = navigator.userAgent; ipad = b.match(/(iPad).*OS\s([\d_]+)...
复制链接

扫一扫