如何在vue中适配px2rem

如何在vue中适配px2rem？针对这个问题，这篇文章详细介绍了相对应的分析和解答，希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。

目前创新互联公司已为1000+的企业提供了网站建设、域名、虚拟主机、绵阳服务器托管、企业网站设计、博乐网站维护等服务，公司将坚持客户导向、应用为本的策略，正道将秉承"和谐、参与、激情"的文化，与客户和合作伙伴齐心协力一起成长，共同发展。

vue是什么

Vue是一套用于构建用户界面的渐进式JavaScript框架，Vue与其它大型框架的区别是，使用Vue可以自底向上逐层应用，其核心库只关注视图层，方便与第三方库和项目整合，且使用Vue可以采用单文件组件和Vue生态系统支持的库开发复杂的单页应用。

1.下载并引入lib-flexible

cnpm install --save lib-flexible

在main.js中 ：import 'lib-flexible/flexible'

2.引入px2rem-loader

cnpm install --save px2rem-loader

3.将px2rem-loader添加到cssLoaders

在build/util.js中

添加如下配置

代码如下

const px2remLoader = {
loader: 'px2rem-loader',
options: {
remUnit: 75//这个是重点，设计稿是750px
}
}

const loaders = [cssLoader,px2remLoader]

关于如何在vue中适配px2rem问题的解答就分享到这里了，希望以上内容可以对大家有一定的帮助，如果你还有很多疑惑没有解开，可以关注创新互联行业资讯频道了解更多相关知识。

分享文章：如何在vue中适配px2rem
标题来源：https://www.cdcxhl.com/article8/ghogip.html

成都网站建设公司_创新互联，为您提供营销型网站建设、面包屑导航、建站公司、品牌网站设计、关键词优化、虚拟主机

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联