//750設計稿1rem=100px
+ function() {
remLayout();
function remLayout() {
var w = document.documentElement.clientWidth;
w = w > 768 ? 768 : w;
w = w <= 320 ? 320 : w;
document.documentElement.style.fontSize = w / 7.5 + 'px';
}
window.addEventListener('resize', function() {
remLayout();
}, false);
}();
//IOS/Android微信调整字体大小变形解决方法
(function() {
if (typeof WeixinJSBridge == "object" && typeof WeixinJSBridge.invoke == "function") {
handleFontSize();
} else {
if (document.addEventListener) {
document.addEventListener("WeixinJSBridgeReady", handleFontSize, false);
} else if (document.attachEvent) {
document.attachEvent("WeixinJSBridgeReady", handleFontSize);
document.attachEvent("onWeixinJSBridgeReady", handleFontSize);
}
}
function handleFontSize() {
WeixinJSBridge.invoke('setFontSizeCallback', { 'fontSize' : 0 });
WeixinJSBridge.on('menu:setfont', function() {
WeixinJSBridge.invoke('setFontSizeCallback', { 'fontSize' : 0 });
});
}
})();
设计稿的宽度是750px,使用方法很简单,例:
font-size: 14px;
可以写成
font-size: 0.14rem;