css - Bootstrap 模式在 iPhone 上不起作用

Question

我在我的网站上使用了 Bootstrap 模式对话框(在桌面上运行良好)。当我尝试在 iPhone 和 iPad 上使用此功能时，模态框不起作用。

这是有原因的吗？在通过 @import 使用 Bootstrap 的 CSS 时，有没有人想出解决办法？

我使用 Bootstrap 覆盖文件来更改 Bootstrap CSS。

Answer 1

这些天我遇到了同样的问题，我发现 iOS 上的 safari 在一件事上与其他浏览器的工作方式不同。当缺少 href="#"时，模态窗口不会在 safari 上显示，但会在许多其他浏览器上显示。

不适用于 Safari/iOS 但其他浏览器:

<li><a data-toggle="modal" data-target="#testModal">Modal</a></li>

在 Safari/iOS 和其他浏览器上工作:

<li><a href="#" data-toggle="modal" data-target="#testModal">Modal</a></li>