dva 中使用postcss-pxtorem适配移动端

喝着绿茶的猫

于 2019-03-13 15:26:38 发布

阅读量3k

点赞数 1

分类专栏： react 文章标签： dva rem 适配

本文链接：https://blog.youkuaiyun.com/luyu13141314/article/details/88533543

版权

本文详细介绍了在dva项目中如何进行移动端适配，通过使用postcss-pxtorem插件，结合rem.js和webpack配置，实现px到rem的自动转换，以达到更好的响应式效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、安装插件

npm install postcss-pxtorem --save-dev

2、新建一个rem.js放在utils下面

// 基准大小
const baseSize = 32
// 设置 rem 函数
function setRem () {
   
  // 当前页面宽度相对于 1024 宽的缩放比例，可根据自己需要修改。如果设计稿是750，那就改为750
  const scale = document.documentElement.clientWidth / 1024
  // 设置页面根节点字体大小
  document.documentElement.style.fontSize = (baseSize * Math.min(scale, 2)) +<