zoukankan      html  css  js  c++  java
  • H5禁止微信内置浏览器调整字体大小

    微信webview内置了调整字体大小的功能,用户可以根据实际情况进行调节。但是这也会导致字体大小改变以后,出现页面布局错乱的情况。

    1、iOS的解决方案是覆盖掉微信的样式:

    1 body { /* IOS禁止微信调整字体大小 */
    2     -webkit-text-size-adjust: 100% !important;
    3     text-size-adjust: 100% !important;
    4     -moz-text-size-adjust: 100% !important;
    5 }
     

    2、安卓手机禁止微信客户端修改字体大小:

     1 <script>
     2        (function() {
     3            if (typeof WeixinJSBridge == "object" && typeof WeixinJSBridge.invoke == "function") {
     4                handleFontSize();
     5            } else {
     6                if (document.addEventListener) {
     7                    document.addEventListener("WeixinJSBridgeReady", handleFontSize, false);
     8                } else if (document.attachEvent) {
     9                    document.attachEvent("WeixinJSBridgeReady", handleFontSize);
    10                    document.attachEvent("onWeixinJSBridgeReady", handleFontSize);  }
    11            }
    12            function handleFontSize() {
    13                // 设置网页字体为默认大小
    14                WeixinJSBridge.invoke('setFontSizeCallback', { 'fontSize' : 0 });
    15                // 重写设置网页字体大小的事件
    16                WeixinJSBridge.on('menu:setfont', function() {
    17                    WeixinJSBridge.invoke('setFontSizeCallback', { 'fontSize' : 0 });
    18                });
    19            }
    20        })();
    21 </script>
    22 <!-- 强制禁止用户修改微信客户端的字体大小---end--- -->
  • 相关阅读:
    Linux下autoconf和automake使用
    (转)跟我一起写MAKEFILE
    软件源(Software Sources)
    我的攒机(zuosi)过程
    《软件可靠性方法》笔记(一)---第二章 预备知识
    初识java泛型
    配置React Native的开发环境
    IOS原生方法实现二维码生成与扫描
    12个非常不错的免费HTML后台管理模板
    iOS 集成银联支付
  • 原文地址:https://www.cnblogs.com/ypppt/p/13066813.html
Copyright © 2011-2022 走看看