处理微信小程序webview打开h5页字体大小会变大或者变小

产生原因

在设置-通用-字体大小-设置大小为非标准,再从小程序webview进入h5就会出现字体突然变小或者突然变大的情况

处理ios

    <style>
        body {

        -webkit-text-size-adjust: 100% !important;

        text-size-adjust: 100% !important;

        -moz-text-size-adjust: 100% !important;

        }
    </style>

处理android

    <script>
        (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 });

                    }); 

                } 

            })();
    </script>
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容