【html字体放大布局不会受影响变形】

html页面不受字体放大影响
我自己应用场景是：微信的关怀模式导致页面变形

  <script type="text/javascript">
      (function () {
          document.querySelector("body").style.webkitTextSizeAdjust="100%";//IOS解决方案
          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>