首页
注册
登录
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请
登录
V2EX
›
前端开发
移动端同样的分辨率, web 页面的表现却出现了不一致,这到底是什么原因
abcbuzhiming
·
2018-05-03 15:16:48 +08:00
· 1548 次点击
这是一个创建于 2183 天前的主题,其中的信息可能已经有所发展或是发生改变。
一个 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 下的一致。
目前想不明白原因,请高手指点
页面
VIVO
适配
正常
2 条回复
•
2018-05-03 16:34:16 +08:00
1
zjp
2018-05-03 15:50:36 +08:00 via Android
物理分辨率和 CSS 的分辨率不是一回事,查一下屏幕 ppi ?
2
abcbuzhiming
OP
2018-05-03 16:34:16 +08:00
@
zjp
出问题的这两台手机的 ppi 分别是 401 和 424,iphone5 的屏幕是 326 PPI
关于
·
帮助文档
·
博客
·
API
·
FAQ
·
我们的愿景
·
实用小工具
·
972 人在线
最高记录 6543
·
Select Language
创意工作者们的社区
World is powered by solitude
VERSION: 3.9.8.5 · 30ms ·
UTC 21:38
·
PVG 05:38
·
LAX 14:38
·
JFK 17:38
Developed with
CodeLauncher
♥ Do have faith in what you're doing.