iPhone Chrome 大约 1 秒后更改布局
iPhone Chrome changes layout after about 1 second
我在 Chrome 上 iPhone 上的响应式网站遇到了一个奇怪的问题。
我使用 Chrome 桌面设备测试功能开发并测试了网站。一切似乎都运行良好，根据此屏幕截图，网站看起来是正确的：
当我 运行 我 iPhone 上的网站使用 Safari 时，一切看起来仍然很好，如上图所示。
然而，当我 运行 在我的 iPhone 上使用 Chrome 的相同屏幕时，它最初加载完全如上图所示，但不到一秒后它突然更改为如下图所示：
您可以看到一些元素已经调整大小和移动。一切正常，但看起来不正常。
我不知道是什么原因造成的。我也不知道如何检查 iPhone Chrome 上发生的事情，而 Chrome 桌面上没有发生的事情。
如果您想自己查看，可以在 stratnavapp.com 找到该网站。
如果有人能给我任何线索，那将不胜感激！
我终于变了
<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
这似乎已经解决了我的问题。
我在 Chrome 上 iPhone 上的响应式网站遇到了一个奇怪的问题。
我使用 Chrome 桌面设备测试功能开发并测试了网站。一切似乎都运行良好，根据此屏幕截图，网站看起来是正确的：
当我 运行 我 iPhone 上的网站使用 Safari 时，一切看起来仍然很好，如上图所示。
然而，当我 运行 在我的 iPhone 上使用 Chrome 的相同屏幕时，它最初加载完全如上图所示，但不到一秒后它突然更改为如下图所示：
您可以看到一些元素已经调整大小和移动。一切正常，但看起来不正常。
我不知道是什么原因造成的。我也不知道如何检查 iPhone Chrome 上发生的事情，而 Chrome 桌面上没有发生的事情。
如果您想自己查看，可以在 stratnavapp.com 找到该网站。
如果有人能给我任何线索，那将不胜感激！
我终于变了
<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
这似乎已经解决了我的问题。