请问目前最常用的scss移动端适配方案是什么？

Question

对于直接在组件上设置的尺寸，课程中使用

transformDesignPx()

函数适配不同尺寸的设备。

请问对于在 scss 中设置的尺寸，最常用的适配方案是什么？

Answer 1

木 易 2025-05-26 18:40:59

最常用的是工程化工具转换。这样可以在写代码时不用考虑转换问题。webpack 可以使用 postcss-pxtorem。
大致配置如下
module.exports = { module: { rules: [ { test: /\.css$/, use: [ 'style-loader', 'css-loader', { loader: 'postcss-loader', options: { postcssOptions: { plugins: [ require('postcss-pxtorem')({ rootValue: 16, // 1rem = 16px propList: ['*'], // 转换所有属性 selectorBlackList: [], // 忽略的选择器 minPixelValue: 2, // 最小转换像素 }), ], }, }, }, ], }, ], }, };

• 提问者 阿白_zBMRT7 #1

  收到