微信公众号内 h5页面,使用计算后的单位 rem 时,用户调整字体大小会导致页面字体、元素的宽高变大活变小,导致页面布局错乱
使其拖拽后禁止修改页面基础字体大小
this.prohibitAndroidAdjustmentSize();
prohibitAndroidAdjustmentSize() {
if (typeof WeixinJSBridge == 'object' && typeof WeixinJSBridge.invoke == 'function') {
this.handleFontSize();
} else {
if (document.addEventListener) {
document.addEventListener('WeixinJSBridgeReady', this.handleFontSize, false);
} else if (document.attachEvent) {
document.attachEvent('WeixinJSBridgeReady', this.handleFontSize);
document.attachEvent('onWeixinJSBridgeReady', this.handleFontSize);
}
}
},
handleFontSize() {
// 设置网页字体为默认大小
WeixinJSBridge.invoke('setFontSizeCallback', { 'fontSize' : 0 });
// 重写设置网页字体大小的事件
WeixinJSBridge.on('menu:setfont', function() {
WeixinJSBridge.invoke('setFontSizeCallback', { 'fontSize' : 0 });
});
},