屏幕适配pxtorem
文章平均质量分 53
丢丢的大神
心中有沟壑,下笔如有神,天道酬勤。
展开
-
自适应方案:在vue项目中使用postcss-px2rem
在src目录下创建 viewport.js文件下载:https://github.com/imochen/hotcss/tree/master/src这个JS是用来在页面打开的时候给HTML根加上适配的字体大小然后在main.js下添加:import ‘./viewport.js’这里强调下为什么不使用lib-flexible插件个人在使用lib-flexible插件时,感觉没hotcss友好,lib-flexible在页面打开的时候,内容渲染完了才在HTML根上添加适配,这样页面会重新渲染一转载 2022-03-08 16:19:25 · 537 阅读 · 0 评论 -
vue项目中使用postcss-px2rem的方法总结
vue项目中使用postcss-px2rem的2种方法在项目中为了屏幕适配,经常会用到rem,postcss-px2rem就是为了让我们直接在将代码中px自动转化成对应的rem的一个插件.(下边的方法适用于使用cli2脚手架搭建的项目,现在好多数项目使用cli3搭建,我在后边的文章中增加了对cli3项目自适应的配置.)1.安装npm i postcss-px2rem --save -dev2.设置1).找到项目根目录下的.postcssrc文件module.exports = { "plu转载 2022-03-08 16:02:25 · 4531 阅读 · 0 评论