收藏
回答

-webkit-text-size-adjust:设置不生效怎么解决?


测试过很多页面,在body设置行内css样式

-webkiwebkit-text-size-adjust100%!important

不知道为什么老是被干掉。

用这个属性的目的,是为了解决老年人在iOS下修改字体字体导致H5页面样式错乱的问题。

回答关注问题邀请回答
收藏

2 个回答

  • ℋღ᭄朱事顺心💗࿐
    ℋღ᭄朱事顺心💗࿐
    2020-08-04

    1.IOS系统禁止微信客户端修改字体大小

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

    2.微信中 以下代码可使Android机页面不再受用户字体缩放强制改变大小,但是会有1S左右延时,期间可以考虑loading来处理

    <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>
    
    2020-08-04
    有用 1
    回复 1
    • yiming
      yiming
      2021-06-28
      -webkit-text-size-adjust: 100% !important;
      这一行虽然老师被划掉,但其实在手机上是生效的。
      2021-06-28
      回复
  • huafeng
    huafeng
    2020-04-15

    这个问题解决了吗

    2020-04-15
    有用
    回复
登录 后发表内容
问题标签