浏览器修改字体大小，h5布局乱了

h5适配我用的是px-to-viewport,现在有个问题，用户的浏览器修改了字体大小，导致我的布局乱了，怎么解决不让他字体大小改变，网上查了都是微信浏览器的，求解决

可以使用响应式布局 自适应页面 使用rem尺寸单位

下面是我用过pc上系统缩放的处理方案，里面的 0.665 ，-0.6 * ratio + 1.6 这些公式可能需要你自己尝试调试

// 判断浏览器是否缩放，若返回1则为默认无缩放，如果大于1则是放大，否则缩小
      const ratio = window.devicePixelRatio
      if (ratio != 1) {
        if (ratio === 1.25) {
          document.body.style.zoom = 0.8
        } else if (ratio === 1.5) {
          document.body.style.zoom = 0.665
        } else {
          document.body.style.zoom = -0.6 * ratio + 1.6
        }
      }