qrcode 参数传入默认px 数值,转换rem

Posted freeman_Tian

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了qrcode 参数传入默认px 数值,转换rem相关的知识,希望对你有一定的参考价值。

      var style =
        document.body.currentStyle ||
        document.defaultView.getComputedStyle(document.body, "");
      let fs = style.fontSize.replace("px", "");
      let size = fs * 3.12;
      var qrcode = new QRCode(this.$refs.qrCodeUrl, {
        text: url, // 需要转换为二维码的内容
        width: size,
        height: size,
        colorDark: "#000000",
        colorLight: "#ffffff",
      });

H5端rem自适应 由于qrcode 参数传入默认px 导致不能正确居中显示二维码,解决采用获取body.fontSize 计算出px值传入qrcode 实现不同屏幕都可居中

以上是关于qrcode 参数传入默认px 数值,转换rem的主要内容,如果未能解决你的问题,请参考以下文章

rem与px的转换

Vue项目中自动将px转换为rem

Less适配移动端rem

rem计算方式是怎么样的?

如何在vscode里将px转rem,而且还得爽

关于 rem 作为单位设置大小