移动端同样的分辨率, web 页面的表现却出现了不一致,这到底是什么原因

发布于 2022-09-07 04:22:11 字数 639 浏览 15 评论 0

一个 H5 移动端页面,适配是这么写的

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />

最近测试报告说有兼容问题,在 ViVo 的手机上宽度表现不正常,元素出现了不正确的换行。测试表明公司的两台 Vivo,X7 和 X9 都不正常,且不正常的表现完全一样。在更换了多家浏览器后,发现表现出一致的不正常显示特征,因此不应该是浏览器问题。于是换其它厂家的 19201080 分辨率手机测试(vivo的那两台手机分辨率都是19201080),均工作正常。觉得非常奇怪,这分辨率一样还能出现显示适配问题?这是什么原理?

补充,百无聊赖用 PC 的 google chrome 浏览器的移动设备模拟测试这个页面,发现当把移动设备切换到 Iphone5 的时候,页面出现异常,且异常特征和 Vivo 下的一致。

目前想不明白原因,请高手指点
正常的

不正常

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

梦断已成空 2022-09-14 04:22:11

你是怎么适配的? 怎么个不正常 换行?

国粹 2022-09-14 04:22:11

移动端分辨率一样说明不了什么问题,起码得再加上DPR和Webview才能开始聊。

痴情 2022-09-14 04:22:11

哥,下次请把截图附上,不然我们怎么知道怎么不正常的换行。

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文