csdn vip 文章解锁

银临

https://blog.csdn.net/weixin_43956521/article/details/112948383

summerdd007

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;
1、之前可以在网页上（如PC端）设置一个百分比并显示小于12px的字体, 但后来谷歌新版本已不再支持这一属性了。
如果想实现让小于12px字体正常显示, 可以使用−webkit−transform:scale(0.8)这一方法。
2、在移动设备上, 如手机和平板横屏可能导致字体变大, 如果不想让字体发生变化, 可以使用−webkit−text−size−adjust:100
3、将−webkit−text−size−adjust属性放置于body会影响页面缩放效果
4、body元素会继承其父元素所定义的文字缩放样式
5、为了避免将−webkit−text−size−adjust属性定义为可继承或全局应用, 我们建议将其限制在特定容器内

Joseph_TF

通过网盘分享的文件：移动端适配问题，华为手机页面展示变宽，内容展示不全？.pdf
链接: https://pan.baidu.com/s/165JuNhrQlyvpbA78DbCKlQ?pwd=52pj 提取码: 52pj
--来自百度网盘超级会员v5的分享