css - 使用rem布局的问题
怪我咯
怪我咯 2017-04-17 15:02:22
0
2
370

是这样的,看到网上有说可以动态定义根元素的font-size,我使用了document.documentElement.clientWidth/10来定义的,设计稿的宽度是750,按理来说在iphone6上的font-size要为75的,可是,我的却是37.5,然后就很迷茫了

怪我咯
怪我咯

走同样的路,发现不同的人生

全部回复(2)
阿神

;(function (doc, win, undefined) {

var docEl = doc.documentElement,
resizeEvt = 'orientationchange' in win? 'orientationchange' : 'resize',
recalc = function () {
    var clientWidth = docEl.clientWidth;
    if (clientWidth === undefined) return;
    docEl.style.fontSize = 20 * (clientWidth / 320) + 'px';
};
if (doc.addEventListener === undefined) return;
win.addEventListener(resizeEvt, recalc, false);
doc.addEventListener('DOMContentLoaded', recalc, false)

})(document, window);

大家讲道理

iphone的devicePixelRatio的为2,所以你需要设置<meta name="viewport" content="initial-scale=0.5, maximum-scale=0.5, minimum-scale=0.5, user-scalable=no">

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!