-
安装插件
yarn add lib-flexible postcss-px2rem
-
在 public 中的 index.html 中删除 meta 标签
flexible会为页面根据屏幕自动添加
<meta name='viewport' >
标签,动态控制initial-scale,maximum-scale,minimum-scale
等属性的值。 -
在 src / main.js 中导入插件包
// 导入 rem 的 js, 动态的设置了, 不同屏幕的html根元素的 font-size import 'lib-flexible'
-
配置 vue.config.js
module.exports = { devServer: {
前端自适应postcss-pxtorem使用介绍
于 2021-01-04 20:44:07 首次发布
本文介绍了如何在Vue项目中利用postcss-pxtorem实现前端自适应。通过安装插件,删除meta标签,导入并配置插件,结合flexible适配方案,实现像素转换。同时推荐关注"前端魔法秘籍"小程序获取更多前端技术分享。
摘要由CSDN通过智能技术生成