创建项目，从0到1的整个实战过程三、vant字体问题的解决

最新推荐文章于 2024-07-03 16:05:40 发布

隐密修罗

最新推荐文章于 2024-07-03 16:05:40 发布

阅读量687

点赞数

文章标签： javascript 前端 css

本文链接：https://blog.csdn.net/qq_18390335/article/details/123380999

版权

原因：因为vantUI的根字体默认大小是37.5，
和我们默认设置的75不一样，正好是2倍关系，
所以当我们的设计图是750的时候，我们的组件就会看起来是1/2的大小
详细介绍：

1、这是创建项目html文件里面；后添加的代码，主要解决1px的问题在这里插入图片描述

    <script>
      // 解决1px问题
      var dpr, rem, scale;
      var docEl = document.documentElement;
      var fontEl = document.createElement('style');
      var metaEl = document.querySelector('meta[name="viewport"]');

      dpr = window.devicePixelRatio || 1;//获取了我们的dpr比例
      rem = docEl.clientWidth * dpr