【发布时间】:2020-08-13 17:51:15
【问题描述】:
我在 iPhone 上的 Chrome 上的响应式网站遇到了一个奇怪的问题。
我已使用 Chrome 桌面版的设备测试功能开发并测试了该网站。一切似乎都运行良好,并且根据此屏幕截图,该网站看起来正确:
当我使用 Safari 在我的 iPhone 上运行该网站时,一切看起来都还不错,如上图所示。
但是,当我使用 Chrome 在我的 iPhone 上运行相同的屏幕时,它最初加载时完全如上图所示,但不到一秒钟后它突然变为如下图所示:
您可以看到一些元素已调整大小和移动。一切正常,但看起来不太好。
我不知道是什么原因造成的。我也不知道如何检查 iPhone Chrome 上发生的事情,而 Chrome 桌面上没有发生。
如果您想亲自查看该网站,请访问 stratnavapp.com。
如果有人能给我任何线索,那将不胜感激!
【问题讨论】:
-
我在 iPhone 11 pro max 和 iPhone 6 上试过,效果很好,也试过在我的 chrome 桌面浏览器中检查所有尺寸看起来都很完美,你可以尝试删除最大和最小比例并保留:
-
谢谢@MohammedGomaa,我现在试过了,但问题仍然存在。
-
如果重要的话,我的设备是 iPhone X。 (我不应该认为它会,但谁知道。)
标签: ios iphone google-chrome responsive-design