移动端 postcss-pxtorem插件使用
yarn add postcss-pxtorem
vue.config.js配置 loaderOptions: { postcss: { plugins: [ require('postcss-pxtorem')({ rootValue: 50, // vant用的是375设计 propList: ['*'], }) ] } }
1 2 3 4 5 6 7 8 9 10 11 | <!-- 设置 rem 大小:1rem = 100px,使用 750px 设计稿 --><br> 这里需要在public文件下的index.html 添加配置 <script> ;( function () { var f = function () { document.documentElement.style.fontSize = document.documentElement.clientWidth / 7.5 + 'px' } f() window.addEventListener && window.addEventListener( 'resize' , f, false ) })() </script> |
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步