joe

微信浏览器用户调整字体大小后页面矬了,如何阻止用户调整

微信浏览器用户调整字体大小后页面矬了,怎么阻止用户调整

  • android使用以下代码,该接口只在微信浏览器下有效(感谢jationhuang同学提供)

/**
 * 页面加入这段代码可使Android机器页面不再受到用户字体缩放强制改变大小
 * 但是会有一个1秒左右的延迟,期间可以考虑通过loading展示
 * 仅供参考 
 */
 (function(){    if (typeof(WeixinJSBridge) == "undefined") {
        document.addEventListener("WeixinJSBridgeReady", function (e) {
            setTimeout(function(){
                WeixinJSBridge.invoke('setFontSizeCallback',{"fontSize":0}, function(res) {
                    alert(JSON.stringify(res));
                });
            },0);
        });
    } else {
        setTimeout(function(){
            WeixinJSBridge.invoke('setFontSizeCallback',{"fontSize":0}, function(res) {
                alert(JSON.stringify(res));
            });
        },0);
    }
})();


  • ios使用-webkit-text-size-adjust禁止调整字体大小

body{-webkit-text-size-adjust: 100%!important;}


最好的解决方案:

  • 整个页面用rem或者百分比布局


码字很辛苦,转载请注明来自朱一兵的博客《微信浏览器用户调整字体大小后页面矬了,如何阻止用户调整》

评论