モバイルブラウザで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; 
} 

なり