移动端适配问题，华为手机页面展示变宽，内容展示不全？

1、检测微信内置浏览器 重置fontSize 大小

 (function () {
    
    
      if (typeof WeixinJSBridge == "object" && typeof WeixinJSBridge.invoke == "function") {
    
    
        handleFontSize();
      } else {
    
    
        document.addEventListener("WeixinJSBridgeReady", handleFontSize, false);
      }
      function handleFontSize() {
    
    
        // 设置网页字体为默认大小
        WeixinJSBridge.invoke('setFontSizeCallback', {
    
     'fontSize': 0 });
        // 重写设置网页字体大小的事件
        WeixinJSBridge.on('menu:setfont', function () {
    
    
          WeixinJSBridge.invoke('setFontSizeCallback', {
    
     'fontSize': 0 });
        });
      }
    })();

2、设置根元素-webkit-text-size-adjust

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

-webkit-text-size-adjust的用法说明：
1、之前可以设置一个百分比然后可以在网页上（pc）显示小于12px的字体，但后来谷歌新版本已经不支持这个属性了。如果还想实现小于12px的字体，要用-webkit-transform:scale(0.8)
2、在移动设备上如手机和平板横屏会导致字体变大，-webkit-text-size-adjust: 100%可以禁止字体变化。
3、-webkit-text-size-adjust放在body上会导致页面缩放失效
4、body会继承定义在html的样式
5、用-webkit-text-size-adjust不要定义成可继承的或全局的