美文网首页
vue中如何在微信网页上限制 字体大小

vue中如何在微信网页上限制 字体大小

作者: 加冰宝贝 | 来源:发表于2020-02-27 16:20 被阅读0次

ios

body {
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    /* 字体抗锯齿渲染 */
    -webkit-text-size-adjust: 100% !important;  /*重要*/
    /* 禁用iPhone中Safari的字号自动调整 */
    -webkit-user-select: none;
    /* 禁用用户选中页面内容 */
    -webkit-overflow-scrolling: touch;
    /* 解决IOS默认滑动很卡的情况 */
    -webkit-touch-callout: none;
    /* 触摸或长按目标时禁止显示系统默认菜单 */
    position: relative;
    font-family: PingFang SC, Hiragino Sans GB, Arial, Microsoft YaHei,     Verdana, Roboto, Noto, Helvetica Neue, sans-serif;
}

Android

switch(document.readyState) {
   case "loading":
    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
          });
       });
    }
    break;
  }

相关文章

网友评论

      本文标题:vue中如何在微信网页上限制 字体大小

      本文链接:https://www.haomeiwen.com/subject/nzcxhhtx.html