タブレットで表示したときに div を非表示にしようとしている CSS に少し問題があります。タブレット用の CSS メディア クエリは、このタスクを処理するために機能しますが、残念ながら、ネットブックなど、タブレットではない一部のデバイスもキャッチします。ネットブック用に別のメディア クエリを実装しようとしましたが、最終的には、ネットブック メディア クエリがタブレット メディア クエリと組み合わされ、div がまだ非表示になっているだけです。
「ネットブック」をキャッチするために使用しているクエリは
@media only screen
and (min-width : 900px)
and (max-width : 1160px) {
そして、タブレットをキャッチするために使用しているクエリは
@media only screen and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
解決策が重複していることはわかりましたが、2 つを区別するために使用できる他のクエリはありますか?
はい、JSは問題ありません（トンネルビジョンの良いケースを取得し、目の前でそれを見逃しました:D）、そのリンクはほとんどそれを処理します. ありがとう！