![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
rem
蓝色六一
vue、小程序方向
展开
-
vue-cli4实现自适应布局
原理 webpack打包时,通过postcss-pxtorem插件,将原先写的px单位转换成rem,然后通过amfe-flexible插件监听窗口变化,设置根元素得fontSize,实现自适应效果 安装 cnpm i amfe-flexible -S // 需要打包进项目 -S cnpm i postcss-pxtorem -D // 只需要本地使用 -D 配置 在项目vue.config.js...原创 2020-05-07 11:52:38 · 2027 阅读 · 3 评论 -
自适应布局postcss-px2rem
实现原理 自适应布局是前端一直都存在的问题,通常常用的技术有媒体查询@media screen and (max-width:1366px),还有rem布局,通过改变页面根元素font-size大小来实现自适应布局。可是都逃不过要计算的命运。有没有什么方法绕过这些花花绕,就写px也能实现自适应布局呢?答案是肯定的,有方案理论上就能实现,这样一来无论是写自适应项目,还是修改原有项目,都变得十分...原创 2019-12-24 19:10:06 · 1614 阅读 · 1 评论