收藏
回答

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


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

-webkiwebkit-text-size-adjust100%!important

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

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

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

2 个回答

  • samson
    samson
    星期二 14:14

    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>
    
    星期二 14:14
    有用
    回复
  • huafeng
    huafeng
    04-15

    这个问题解决了吗

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