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


Posted in Javascript onNovember 20, 2019

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

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

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

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

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

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

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

5.重启项目就ok了

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JavaScript 无符号右移运算符
Apr 17 Javascript
javascript获得服务器端控件的ID的实现代码
Dec 28 Javascript
jquery 日期控件datepicker属性详细解析
Nov 08 Javascript
jQuery中animate()方法用法实例
Dec 24 Javascript
jQuery插件PageSlide实现左右侧栏导航菜单
Apr 12 Javascript
jQuery实现拖拽可编辑模块功能代码
Jan 12 Javascript
详解JSON Web Token 入门教程
Jul 30 Javascript
JS动画实现回调地狱promise的实例代码详解
Nov 08 Javascript
使用vue开发移动端管理后台的注意事项
Mar 07 Javascript
vue项目首屏打开速度慢的解决方法
Mar 31 Javascript
小程序:授权、登录、session_key、unionId的详解
May 15 Javascript
详解关于Vue单元测试的几个坑
Apr 26 Javascript
vue3.0中使用postcss-pxtorem的具体方法
Nov 20 #Javascript
基于Vue+ElementUI的省市区地址选择通用组件
Nov 20 #Javascript
解决node.js含有%百分号时发送get请求时浏览器地址自动编码的问题
Nov 20 #Javascript
Node.JS发送http请求批量检查文件中的网页地址、服务是否有效可用
Nov 20 #Javascript
详解Nuxt.js 实战集锦
Nov 19 #Javascript
javascript的delete运算符知识点总结
Nov 19 #Javascript
100行代码实现vue表单校验功能(小白自编)
Nov 19 #Javascript
You might like
无线电广播的开始
2002/01/30 无线电
浅析Yii中使用RBAC的完全指南(用户角色权限控制)
2013/06/20 PHP
php实现跨域提交form表单的方法【2种方法】
2016/10/17 PHP
Yii2.0实现的批量更新及批量插入功能示例
2019/01/29 PHP
尽可能写"友好"的"Javascript"代码
2007/01/09 Javascript
用javascript实现改变TEXTAREA滚动条和按钮的颜色,以及怎样让滚动条变得扁平
2007/04/20 Javascript
JQuery 拾色器插件发布-jquery.icolor.js
2010/10/20 Javascript
js实现按钮颜色渐变动画效果
2015/08/20 Javascript
Nodejs从有门道无门菜鸟起飞必看教程
2016/07/20 NodeJs
有关文件上传 非ajax提交 得到后台数据问题
2016/10/12 Javascript
深入理解Javascript箭头函数中的this
2017/02/13 Javascript
Bootstrap Table使用整理(一)
2017/06/09 Javascript
JS匿名函数和匿名自执行函数概念与用法分析
2018/03/16 Javascript
JavaScript callback回调函数用法实例分析
2018/05/08 Javascript
微信小程序实现判断是分享到群还是个人功能示例
2019/05/03 Javascript
layui插件表单验证提交触发提交的例子
2019/09/09 Javascript
Vue 自适应高度表格的实现方法
2020/05/13 Javascript
python使用BeautifulSoup分页网页中超链接的方法
2015/04/04 Python
深入解析Python中的线程同步方法
2016/06/14 Python
Python通过命令开启http.server服务器的方法
2017/11/04 Python
Python随机数函数代码实例解析
2020/02/09 Python
套娃式文件夹如何通过Python批量处理
2020/08/23 Python
HTML5所有标签汇总及标签意义解释
2015/03/12 HTML / CSS
澳洲在线厨具商店:Kitchen Style
2018/05/05 全球购物
不用游标的SQL语句有哪些
2012/09/07 面试题
工程部主管岗位职责
2013/11/17 职场文书
档案室主任岗位职责
2014/02/12 职场文书
采购意向书范本
2014/03/31 职场文书
车间统计员岗位职责
2015/04/14 职场文书
2016情人节宣传语
2015/07/14 职场文书
熟背这些句子,让您的英语口语突飞猛进(135句)
2019/09/06 职场文书
Golang 使用Map实现去重与set的功能操作
2021/04/29 Golang
MySQL查看表和清空表的常用命令总结
2021/05/26 MySQL
mysql查看表结构的三种方法总结
2022/07/07 MySQL
mysql sock文件存储了什么信息
2022/07/15 MySQL
css清除浮动clearfix:after的用法详解(附完整代码)
2023/05/21 HTML / CSS