Zurb foundation 基金会6响应菜单错误下拉/钻进

因此，我想为中型和大型设备提供下拉列表，并为小型设备提供下拉列表。但是我认为我做得不对，我得到了一些奇怪的东西

如果我加载一个中等或更大的设备页面，我想在使用它之后，在向下搜索菜单上会出现1px的蓝线

如果我在小设备上加载页面，它就坏了

这是一支密码笔：

还有一段视频，展示了这些漏洞：

看第1项，那里有一行。

---

小屏幕的负载完全被破坏了。那么，我如何对中等屏幕进行下拉，而对小屏幕进行向下钻取呢？有什么帮助吗？

好的，亚历克斯，不幸的是，这只是你对大屏幕和中屏幕问题的部分回答。看起来您的特定问题可能只发生在chrome浏览器中，或者只是一系列浏览器中

中、大屏幕：

据我所知，当你点击“后退”按钮时，浏览器会将“焦点”放在“后退”按钮上。在一些用蓝色轮廓表示的浏览器中，正是这个蓝色轮廓“泄漏”到屏幕中，这就是为什么你会看到一条蓝线。蓝线实际上勾勒出了整个按钮，但因为它滑到了页面的一侧，所以您只能看到按钮的左边框。要查看整个边框，请尝试按键盘上的“tab”键选择不同的菜单元素，您将在菜单项周围看到一个蓝色轮廓，表明您已将注意力集中在它上

老实说，我不认为这是一个大问题，也许有一个更大的问题，在你点击返回箭头后，焦点会在哪里结束。在任何情况下，这都是对chrome浏览器的修复：

.js-drilldown-back a {
      outline: -webkit-focus-ring-color auto 0px;
}

或者这也应该有效，尽管我只尝试了上面的方法

.js-drilldown-back a {
      outline: 0px;
}

---

看看这是怎么回事，但我稍后会看看你的另一个问题，但至少这是一个开始。

发现了问题，该类是下拉菜单父项应按照建议删除

.js-drilldown-back a {
      outline: -webkit-focus-ring-color auto 0px;
}

.js-drilldown-back a {
      outline: 0px;
}