Umi: hd方案 iphone4和iphone5 适配错误

Created on 29 Apr 2019  ·  8Comments  ·  Source: umijs/umi

发现umi的移动端适配无论iphone4 iphone5 iphone6
html中的rootSize全是100px meta中scale全是0.5
导致iphone4和iphone5 适配不行
iphone4

iphone5

iphone6

所以如何配置可以不使用umi的适配,而改用flexible.js的适配

相关环境信息

  • Umi 版本:2.6.1
  • Node 版本:v10.5.0
  • 操作系统:win 10

Most helpful comment

自定义配置flexible.js

//.umirc.js
const px2rem = require('postcss-plugin-px2rem')
export defalut {
   ...,
  extraPostCSSPlugins: [px2rem({ rootValue: 75 })],
  plugins: [
        ['umi-plugin-react', {
            hd: false,
            fastClick: true,
        }],
    ]
}

然后在document.ejs 文件中加入flexible.js

All 8 comments

别开 hd 配置,umi 就不会做适配了。

不应该有适配问题吧!之前应该是可用的?

@Chryseis
加一下我微信,讨论一下。

确实有这个问题,@xiaohuoni , 请问现在解决了吗

@wang777777 刚刚Chryseis联系我了,umi的hd我们也一直在用,没要求到iphone4和iphone5,所以我没注意。应该需要作者来处理吧。@pigcan @写轮

iphone@5 可以考虑不支持了吧,如果要支持,建议自行实现高清方案的脚本部分。

自定义配置flexible.js

//.umirc.js
const px2rem = require('postcss-plugin-px2rem')
export defalut {
   ...,
  extraPostCSSPlugins: [px2rem({ rootValue: 75 })],
  plugins: [
        ['umi-plugin-react', {
            hd: false,
            fastClick: true,
        }],
    ]
}

然后在document.ejs 文件中加入flexible.js

@xiaohuoni

Was this page helpful?
0 / 5 - 0 ratings