Taro小程序兼容H5 CSS 样式问题

Taro小程序兼容H5 CSS 样式问题

记录在实际开发过程中，所遇到的Taro小程序CSS兼容H5的问题。

---

---

一、rpx、rem单位转换

1. css文件样式处理
   Taro本身就已经通过 postcss-pxtransform 实现兼容不同端的单位转换，下面是一部分配置信息;
   在 config/index编译配置文件中添加H5配置
   Taro 官方参考文档
   postcss-pxtransform 配置参考文档

  h5: {
   
    ...
    pxtransform: {
   
      ...
      enable: true,
      config: {
   
        platform: 'h5',
        designWidth: 750,
        rootValue: 16,
        onePxTransform: true, // 设置 1px 是否需要被转换
        unitPrecision: 5, // rem 单位允许的小数位
        propList: