引导子菜单插入符号在 iPad 3 上不可见

Posted

技术标签:

【中文标题】引导子菜单插入符号在 iPad 3 上不可见【英文标题】:Bootstrap submenu caret not visible on iPad 3 【发布时间】:2015-11-20 09:41:46 【问题描述】:

我正在使用带有导航栏的 Bootstrap V3,当我在普通 PC 上查看它时,我会看到下拉菜单的插入符号。当我在 iPad 3 上查看相同的菜单时,我看不到插入符号。当我放大一点点时,插入符号变得可见。当我再次缩小时,插入符号消失了。

我还可以使用 getbootstrap 上的默认导航栏示例页面来重现它。所以这似乎是一个全球性问题,但 Google 无法给我答案。

网址:https://getbootstrap.com/examples/navbar/

在 PC 上,它始终呈现插入符号。在 iPad 3 上,它仅在稍微放大时才会呈现插入符号。

编辑:有时插入符号是直接可见的,但在将 iPad 从纵向更改为横向时会消失。

【问题讨论】:

【参考方案1】:

在 Bootstrap CSS 中它说 border-top: 4px dashed; 这似乎解决了 FireFox 的问题(请参阅 https://github.com/twbs/bootstrap/issues/17644)。当我将其更改为 border-top: 4px solid; 时,它为我解决了问题。

【讨论】:

您的解决方案解决了我的 ios 问题。谢谢!

以上是关于引导子菜单插入符号在 iPad 3 上不可见的主要内容,如果未能解决你的问题,请参考以下文章

导航栏菜单在小屏幕上不垂直对齐和汉堡菜单的位置

Bootstrap 中带有子菜单的可滚动下拉菜单

将鼠标悬停在一个带有子菜单的引导子菜单项上会重新排列父列表项

Bootstrap 折叠菜单链接在移动设备上不起作用

水平子菜单在 iPhone 上不起作用(适用于 Chrome 和 Safari)

如何让 twitter 引导子菜单在左侧打开?