html - CSS 下拉菜单在移动浏览器中不起作用

Question

我根据此链接中给出的教程使用了 CSS 下拉菜单：https ://www.w3schools.com/css/css_dropdowns.asp 但它不适用于 Opera Mini 和其他一些移动浏览器。请给我解决方案来修改上述教程中给出的 css。

Answer 1

您需要在 CSS 中使用:hover&:focus伪类。:hover在移动设备上不存在。

所以

.dropdown:hover .dropdown-content {
    display: block;
}

变成

.dropdown:hover .dropdown-content,
.dropdown:focus .dropdown-content {
    display: block;
}