...
大前端

前端禁用微信浏览器字体调整,用户设置了系统字体大小,导致微信内嵌h5页面字体大小改变

前端按设计稿开发,但是用户得手机调整了文字字体的大小,使得默认字体改的很大,我们APP端都对此进行了限制。但是安卓微信小程序默认没有限制。对h5页面布局产生了影响。

android下

App.vue

<script>
export default {
  name: 'App',
  mounted() {
    const handleFontSize = () => {
      // 设置网页字体为默认大小
      WeixinJSBridge.invoke('setFontSizeCallback', {fontSize: 0});
      // 重写设置网页字体大小的事件
      WeixinJSBridge.on('menu:setfont', function() {
        WeixinJSBridge.invoke('setFontSizeCallback', {fontSize: 0});
      });
    };
    try {
      // 安卓 禁止用户自定义设置字体大小
      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);
        }
      }
    } catch (error) {}
  }
};
</script>

ios下

<style lang="less">
body {
  /* IOS 禁止用户自定义设置字体大小 */
  -webkit-text-size-adjust: 100% !important;
  text-size-adjust: 100% !important;
  -moz-text-size-adjust: 100% !important;
}
</style>
js 怎么判定一个日期是否是正确的日期? hi3798mv100编译ch341串口驱动
biu biu biu
github无法访问,访问速度慢解决 常用的前端JavaScript方法封装 12个有用的JavaScript数组技巧 Windows 10系统连接共享打印机报错0x00000709、0x0000007c、0x0000011b Android Java ASE加解密与PHP AES加解密