h5构建页面（rem布局准备）

最新推荐文章于 2024-09-30 15:37:45 发布

aiduojia5871

最新推荐文章于 2024-09-30 15:37:45 发布

阅读量138

点赞数

文章标签：移动开发

原文链接：http://www.cnblogs.com/WangXinPeng/p/11149950.html

版权

新建一个flex.js

! function () {
function t(t) {
return this.config = t, this
}
t.prototype = {
reset: function () {
var t = Math.min(document.documentElement.clientWidth, 750) / 750 * 100;
document.documentElement.style.fontSize = t + "px";
var e = parseFloat(window.getComputedStyle(document.documentElement).fontSize),
n = t / e;
/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent) || document.documentElement
.setAttribute("flatform", "android"), 1 != n && (document.documentElement.style
.fontSize = t * n + "px")
}
}, window.Adapter = new t, window.Adapter.reset(), window.onload = function () {
window.Adapter.reset()
}, window.onresize = function () {
window.Adapter.reset()
}
}();

　　引入页面，此时1rem=100px，我们就可以利用这个比例进行换算了。

转载于:https://www.cnblogs.com/WangXinPeng/p/11149950.html