Ant-design-mobile: iphone 6 iphone 6 plus 高清解决方案问题

[hnsylitao]

Environment(required) | 环境（必填）

• antd-mobile version（antd-mobile版本）: 0.8.7
• Browser (or mark react-native) and its version（浏览器或react-native版本）: 浏览器
• Operating environment (e.g. OS name) and its version（操作系统版本或设备型号）: chrome

What did you do? Please provide steps to re-produce your problem.（请提供复现步骤）

微信上打开 http://starm.linanonline.com

iphone6 上 picker 组件 基本显示 ok

但是在6 plus 上组件就 显示太小了

webpack.config.js

 postcss: [pxtorem({
    rootValue: 50,
    propWhiteList: [],
  })],

因为我们前面开发 是按照375*667 开发 所以rootValue 设置 为50
我不知道是不是和这个有关系

[paranoidjk]

因为我们前面开发 是按照375*667 开发

设计师给你的psd肯定宽度是750才对吧

你以 350px 为满屏写样式，配置 rootValue = 50 应该是没问题的。

你的页面没法在浏览器里访问。

看你的截图也很怪，一个picker正常，一个picker偏小

[paranoidjk]

给个可以重现的demo吧，我没看出问题在哪。

[paranoidjk]

cc @pingan1927

[pingan1927]

https://mobile.ant.design/kitchen-sink/components/picker?lang=zh-CN#picker-demo-0

@hnsylitao 我拿官网demo示例看了下 正常的。

你的录像确实有问题，最好可以拿个demo可以再现，现在这样看不出来具体哪里出了问题，

[hnsylitao]

@pingan1927
http://starm.linanonline.com 这个请用微信打开访问 就是picker 出现了这个问题
如果需要上传demo 的话待会我去写一个

[hnsylitao]

基本上是整体的组件都缩小了。 包括modal弹框 和 button 组件

[pingan1927]

@hnsylitao 在微信可以打开，但是无法查看代码，不知道具体哪里问题了，所以还是搞个demo哈

[hnsylitao]

@pingan1927 codepen 我创建不好，所以上传了一个项目到github 了
https://github.com/hnsylitao/demo 麻烦帮忙看一下
antd-mobile 版本是 0.8.7

[paranoidjk]

@hnsylitao 0.8.x 我们其实已经不再维护了，尽量使用最新版吧

[hnsylitao]

@paranoidjk 我升级了1.0.6 显示也是一样

[warmhug]

关联 #683 ，根据自己需求可以使用其他高清方案脚本。

[hnsylitao]

@warmhug 谢谢
现在我为了基于android 高清屏 加了一点新的适配

  if ((matches && matches[1] > 534  || isUCHd) && dpr >= 3) {
    // 如果为 android4.3 、 UC 内核, dpr >=3 重新设置 = 2;
    dpr = 2;
  }
  if (isIos && dpr == 3) {
    // 如果为 iOS, 按 2x 处理，dpr 设为 2;
    dpr = 2;
  }