/ px转换rem
var IntervalId = 0;
window.onload = function() {
IntervalId = self.setInterval("RemCount()", 100);
};
function RemCount() {
var ClientWidth = document.documentElement.clientWidth || document.body.clientWidth;
if (ClientWidth < 10) {
return;
}
var viewport = document.querySelector("meta[name=viewport]");
if (window.devicePixelRatio == 1) {
viewport.setAttribute('content', 'width=device-width,initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no');
}
if (window.devicePixelRatio == 2) {
viewport.setAttribute('content', 'width=device-width,initial-scale=0.5, maximum-scale=0.5, minimum-scale=0.5, user-scalable=no');
}
if (window.devicePixelRatio == 3) {
viewport.setAttribute('content', 'width=device-width,initial-scale=0.3333333333333333, maximum-scale=0.3333333333333333, minimum-scale=0.3333333333333333, user-scalable=no');
}
// 1rem = 10rem 默认最低比例为1:16，如果低于此比例会强制使用1:16，从而引起高度的巨大问题（自行测试）
var ClientWidth = document.documentElement.clientWidth || document.body.clientWidth;
if (ClientWidth > 0) {
localStorage.ClientWidth = ClientWidth;
} else {
ClientWidth = localStorage.ClientWidth;
}
document.documentElement.style.fontSize = ClientWidth / 7.5 + 'px';
console.log("PHP页提示，宽度及rem比例：" + ClientWidth + " / " + (ClientWidth/7.5));
if (ClientWidth > 0) {
window.clearInterval(IntervalId);
}
}
px转换rem自适应手机样式
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- !new function(){var a=this;a.width=750,a.fontSize=100,a.w...
- 分享技术，让快乐不再困难... 本文提供三个方案，从简到繁，目前项目使用方案三 一、自定义rem方案（简单暴力） ...
