>[success] # 处理移动端显示兼容问题 ~~~ 1.这个方案 后续需要在看学习,对于rem 现阶段是否是应该处理的方案?现在这里还存疑, 只是简单记录目前可以使用这种类似的处理方式 ~~~ >[info] ## 使用 ~~~ 1.安装 px 转换rem 的loader -- 'npm i px2rem-loader -D' 2.安装'amfe-flexible' -- npm i -S amfe-flexible 3.写项目的时候还是正常用px写,当然如果给的设计稿是750px 那么就按照750px 设计稿中对应px去开发,remUni 设置好对应设计稿要转换比例即可 ~~~ ~~~ module.exports = { // ... module: { rules: [{ test: /\.css$/, use: [{ loader: 'style-loader' }, { loader: 'css-loader' }, { loader: 'px2rem-loader', // options here options: { remUni: 75, // 设计稿大小,跟750px 设计稿为基准 remPrecision: 8 // js 转换rem 保留位数 } }] }] } } ~~~ [具体上手使用](https://blog.csdn.net/github_38928905/article/details/90080956)