0

以下のようなメニューがあり、一部の画面解像度では、メニューの幅を超えて 2 行になります。それで、収まらない項目を同じメニューに配置されるドロップダウンメニューに移動することを考えていました.

<ul>
  <li>Menu Item</li>
  <li>Menu Item</li>
  <li>Menu Item</li>
  <li>Menu Item</li>
  <li>Menu Item</li>
</ul>

それを行うのに役立つjQueryプラグインはありますか?

4

1 に答える 1

1

この問題には、CSSのメディア クエリを使用します。

例えば：

@media all and (max-width: 640px) and (min-width: 240px) {
  #fulllength_menu {
   //Hide menu that's displayed for screens bigger than 640px
    display:none;
  }
  #minimobile_menu{
    //Hide menu that's displayed for screens smaller than 640px but bigger than 240px
    display:block;
  }
}

詳細については、このチュートリアルを確認してください

また

Web サイトがモバイル デバイスで表示されているときに、Modernizr と呼ばれる気の利いたスクリプトを使用して機能を検出し、カスタム CSS ファイルを読み込むことができます。

ここでチェックしてください

于 2013-05-06T11:45:29.827 に答える