rem文件的导入问题（vue的问题）

最新推荐文章于 2024-04-13 17:45:03 发布

泡芙·草莓

最新推荐文章于 2024-04-13 17:45:03 发布

阅读量369

点赞数 5

文章标签： css 前端

本文链接：https://blog.csdn.net/dxn16638400024/article/details/135659084

版权

本文介绍了在开发手机端应用时如何通过rem.js实现页面自适应，通过计算并设置html的font-size来适应不同屏幕尺寸。提供了一段示例代码和简单的引入方法，只需在main.js中import相关模块即可。

摘要由CSDN通过智能技术生成

我们在做手机端时，适配是必须要处理的一个问题。例如，我们处理适配的方案就是通过写一个rem.js，原理很简单，就是根据网页尺寸计算html的font-size大小，基本上小伙伴们都知道，这里直接附上代码，不多做介绍。

(function(c, d) {
  var e = document.documentElement || document.body,
    a = "orientationchange" in window ? "orientationchange" : "resize",
    b = function() {
      var f = e.clientWidth;
      e.style.fontSize = f >= 750 ? "100px" : 100 * (f / 750) + "px";
    };
  b();
  c.addEventListener(a, b, false);
})(window);

这里说下怎么引入的问题，很简单。在main.js中，直接import './config/rem'导入即可。import的路径根据你的文件路径去填写。