代码之家 › 专栏 › 技术社区 › ChrisFox

iPhone Chrome在大约1秒后更改布局

responsive-design google-chrome iphone ios

ChrisFox · 技术社区 · 5 年前

我在iPhone上的Chrome浏览器上遇到了一个奇怪的问题。

我使用Chrome桌面的设备测试功能开发和测试了该网站。一切似乎都很正常,根据此截图,网站看起来是正确的:

当我使用Safari在iPhone上运行该网站时,一切看起来都很好,如上图所示。

然而,当我使用Chrome在iPhone上运行同一屏幕时,它最初的加载方式与上图所示完全相同,但不到一秒钟后,它突然变为下图所示:

您可以看到一些元素已被调整大小和移动。一切都很好,但看起来很糟糕。

我不知道是什么原因造成的。我也不知道如何检查iPhone Chrome上发生了什么,而Chrome桌面上没有发生什么。

如果你想亲自查看,可以在stratnavapp.com上找到该网站。

如果有人能给我任何线索,我们将不胜感激!

0 回复 | 直到 5 年前

ChrisFox 5 年前

我最终改变了

<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" />

这似乎解决了我的问题。

推荐文章

sudoExclamationExclamation · iOS自动布局-高度不能小于ThanOrEqualTo

6 月前

Tulon · Firebase身份验证SwiftUI:更改密码后,电子邮件验证状态变为真

6 月前

Danil · 种子/填充核心数据的最佳实践?[关闭]

7 月前

HeWhoRemains · 如何在SwiftUI中创建圆形文本,根据度数变化从一条直线变为一个完美的圆?

7 月前

Robin · LazyVGrid项目预计不会击中测试区域

7 月前

Mahendra · Popover不是从SwiftUI中的项目列表中打开的[重复]

7 月前

Alex Smith · 移动到下一个视图控制器后如何显示警报?

7 月前

sadiq shareef · 即使更新了我的苹果应用程序网站关联文件,iOS应用程序也不会在点击网址时启动

7 月前

selcukctn · 如何在react native中制作无限动画?

8 月前

Nicolas Gimelli · iOS 18远程通信通知不起作用

8 月前