-5

水平メニューがあります。

画面の幅が特定のポイントを下回ったときに、このメニューをドロップダウン メニューに置き換えたいと考えています。

レスポンシブメニュー、つまり自動的に調整されるメニューについて話しているのではありません。

ほとんどのレスポンシブ チュートリアルは、レスポンシブ メニューに関するものです。同様の効果を作成したいのですが、水平メニューをドロップダウン リストに完全に置き換えたいと考えています。

ありがとう

4

1 に答える 1

2

用語について混乱しています。あなたが求めているのはレスポンシブ デザインです。つまり、ウィンドウが特定の幅を下回ると、別のことを行います。

ページに両方の要素を配置し、一方はデフォルトで非表示にし、レスポンシブ CSS を使用して、ブラウザーの幅に基づいて必要な要素を非表示/表示します。例えば：

.menuDrop{ display:hidden; }
.menuHoriz{ display:block; }

@media (max-width: 500px) {
  .menuDrop{ display:block; }
  .menuHoriz{ display:hidden; }
}

Stacy、あなた自身の明確化のために、あなたが望んでいないと言っているのは、流動的なデザイン、つまり、メニューがブラウザウィンドウで単純に縮小することだと私は信じています。メニューが流動的であることと、応答性があるかどうかは別物です。@jainchetan の「MeanMenu」の例は、CSS の代わりに Javascript でレンダリングされた流動的 (最初はウィンドウと共に縮小する) と応答性 (特定の時点で、デザインが段階的に変化する) の両方です。

于 2013-04-03T20:18:20.063 に答える