欢迎来到代码驿站!

vue

当前位置:首页 > 网页前端 > vue

关于vue利用postcss-pxtorem进行移动端适配的问题

时间:2021-09-28 09:34:02|栏目:vue|点击:

刚开始我按照网上的一些方式利用postcss-pxtorem方式去适配的时候怎么样都不成功,后来经过自己不断尝试之后终于成功了。稍微坐下总结:

1.个人建议在进行postcss-pxtorem适配的时候利用webpack进行项目配置,而不要用webpack-simple,因为webpack里面很多插件加载器之类的都是给你预配好的,这样在项目构建中就不会遗漏什么。

2.cnpm install postcss-pxtorem -D安装postcss-pxtorem,此插件如果你用的是webpack的话只要进行安装即可,不需要另外进行配置,此插件是对px进行转换。

3.新建一个rem.js的文件,输入以下代码即可,然后在main.js中引用。

在这里插入图片描述

4.在项目的根目录下找到.postcssrc.js文件在文件内添加以下代码,一般750px的设计稿的根元素大小设置32.

在这里插入图片描述

5.重启项目就ok了

上一篇:Vue 事件的$event参数=事件的值案例

栏    目:vue

下一篇:vue解决使用$http获取数据时报错的问题

本文标题:关于vue利用postcss-pxtorem进行移动端适配的问题

本文地址:http://www.codeinn.net/misctech/177930.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有