0

WordPress でブートストラップを使用してドロップダウン メニューを有効にするためにナビ ウォーカーを使用していますが、すべて正常に動作します。おそらくメディアクエリを使用して、モバイルでドロップダウンを無効にする方法はありますか?

これを行う理由は、多くのページがあり、一部のリンクがモバイル画面から飛び出す第 3 層にあるためです。とにかくトップレベルのナビゲーションにはサブメニュー項目へのリンクがあるので、モバイルではトップレベルの項目だけを表示し、サブメニューが表示されないようにしたいと思います。

また、このプロジェクトでは使用したくなかったので、アイコン付きのナビゲーションの折りたたみを使用していません。

4

1 に答える 1

0

はい、メディアクエリで実行できます。これはモバイル デバイスを対象としています。

@media only screen and (max-width: 480px), only screen and (max-device-width: 640px) {
    .navigation {display:none;}
}

もちろん、最近は画面のサイズに注意する必要があります。別の解決策の 1 つは JavaScript で、userAgent を確認します。

if (navigator.userAgent.match(/(iPhone|iPad|iPod|Android|BlackBerry|webOS|Windows Phone)/i)) {
    // I'm a mobile :-)
}
于 2013-07-11T12:58:35.547 に答える