Web 应用程序在 iOS 上没有响应？答案

【问题标题】：Web application is not responsive on iOS?Web 应用程序在 iOS 上没有响应？
【发布时间】：2020-08-01 15:33:09
【问题描述】：

我用 Bluestacks 移动测试仪测试了我的网络应用程序，它在 android 设备上看起来不错，但是当我在 iOS 上尝试它时，它只是失去了响应性（完全没有，但在某些情况下）。

我猜 ti 与 iOS 上的溢出有关（它被禁用或其他）。此外，键盘不会像在 android 中那样自动显示（我必须点击输入才能显示它）。

【问题讨论】：

【解决方案1】：

它的发生是因为 CSS display flex 属性。您应该在 CSS 中从 .game .bottom .categories 中删除 display: flex;。然后它应该适用于 android 和 IOS。

基本上，flex 使整个盒子紧凑并粘在父盒子内。它不让它溢出。我不知道它在 Android 中的工作情况如何。但是，如果您删除 display flex，它将在 android 和 ios 中正常工作。

如果您遇到任何问题，请告诉我。你也可以让我检查一下，这样你就可以确定它工作正常。

【讨论】：

这解决了我的问题，谢谢。我完全忽略了这种造型。也许你知道有没有可能让 iOS 上的键盘在我想打字时不与内容重叠并把所有内容都推到顶部？
可以截图吗？
另外，请验证答案，以便人们可以看到答案对问题有益，以便其他人可以节省时间。
我验证了你的答案，谢谢。有截图imgur.com/a/E0oICEP。您会看到 iOS 上的键盘如何与内容重叠，并且在隐藏键盘之前无法单击跳过按钮。在 android 上它很合适，因为我对那个高度进行了媒体查询。