移动端同样的分辨率， web 页面的表现却出现了不一致，这到底是什么原因
abcbuzhiming · 2018-05-03 15:16:48 +08:00 · 1646 次点击这是一个创建于 2433 天前的主题，其中的信息可能已经有所发展或是发生改变。
一个 H5 移动端页面，适配是这么写的
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
最近测试报告说有兼容问题，在 ViVo 的手机上宽度表现不正常，元素出现了不正确的换行。测试表明公司的两台 Vivo，X7 和 X9 都不正常，且不正常的表现完全一样。在更换了多家浏览器后，发现表现出一致的不正常显示特征，因此不应该是浏览器问题。于是换其它厂家的 1920*1080 分辨率手机测试，均工作正常。觉得非常奇怪，这分辨率一样还能出现显示适配问题？这是什么原理？
补充，百无聊赖用 PC 的 google chrome 浏览器的移动设备模拟测试这个页面，发现当把移动设备切换到 Iphone5 的时候，页面出现异常，且异常特征和 Vivo 下的一致。
目前想不明白原因，请高手指点
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
最近测试报告说有兼容问题，在 ViVo 的手机上宽度表现不正常，元素出现了不正确的换行。测试表明公司的两台 Vivo，X7 和 X9 都不正常，且不正常的表现完全一样。在更换了多家浏览器后，发现表现出一致的不正常显示特征，因此不应该是浏览器问题。于是换其它厂家的 1920*1080 分辨率手机测试，均工作正常。觉得非常奇怪，这分辨率一样还能出现显示适配问题？这是什么原理？
补充，百无聊赖用 PC 的 google chrome 浏览器的移动设备模拟测试这个页面，发现当把移动设备切换到 Iphone5 的时候，页面出现异常，且异常特征和 Vivo 下的一致。
目前想不明白原因，请高手指点
 |
1
zjp 2018-05-03 15:50:36 +08:00 via Android
物理分辨率和 CSS 的分辨率不是一回事，查一下屏幕 ppi ？
|
 |
2
abcbuzhiming OP @zjp 出问题的这两台手机的 ppi 分别是 401 和 424，iphone5 的屏幕是 326 PPI
|
Select Language