【问题标题】:iPhone Chrome changes layout after about 1 secondiPhone Chrome 大约 1 秒后更改布局
【发布时间】: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


【解决方案1】:

我最终改变了

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

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

看完https://web.dev/responsive-web-design-basics/#viewport

这似乎解决了我的问题。

【讨论】:

  • 回头看看,我意识到这正是@Mohammed Gomaa 在上面提出的。我不知道为什么当时它似乎不起作用......
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2014-09-03
相关资源
最近更新 更多