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; 
}