(function() {
var doc = document;
var docEle = doc.documentElement;
function setRootFontSize(width) {
width = width || docEle.getBoundingClientRect().width;
docEle.style.fontSize = width / 375 * 10 + "px"
}
if (/Mobi|mljr/.test(navigator.userAgent)) { (function() {
var timer;
setRootFontSize();
window.addEventListener("resize",
function() {
clearTimeout(timer);
timer = setTimeout(setRootFontSize, 300)
},
false)
})()
} else { (function() {
var pcWidth = 750;
var style = doc.createElement("style");
style.innerHTML = "body{width:" + pcWidth + "px!important;margin:0 auto!important}";
doc.getElementsByTagName("head")[0].appendChild(style);
setRootFontSize(pcWidth)
})()
}
})();
H5屏幕适配
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- 从前我写过一篇《翻页H5全分辨率适配最佳实践》,那篇对于不同屏幕不同分辨率下的适配讲的太简单,其实是我想的太简单。...