サイトの 8 つのメイン リンクが幅 100 ピクセルのタグにあるナビゲーション バーがあります。
ワイド画面ならこれで十分。それらは 1 つの均一なバーとして表示されます。
ページがモバイル デバイスで表示されたときに、モバイル CSS をスタックにして、490 ピクセルの画面で 2 行に 4 つの「ボタン」が表示されるようにします。可能であれば、s に単一のクラスを使用しながらこれを実行したいと考えています。
少しの援助?
サイトの 8 つのメイン リンクが幅 100 ピクセルのタグにあるナビゲーション バーがあります。
ワイド画面ならこれで十分。それらは 1 つの均一なバーとして表示されます。
ページがモバイル デバイスで表示されたときに、モバイル CSS をスタックにして、490 ピクセルの画面で 2 行に 4 つの「ボタン」が表示されるようにします。可能であれば、s に単一のクラスを使用しながらこれを実行したいと考えています。
少しの援助?
CSSファイル内:
@media screen and (max-width: 900px) {
...
}
メディアクエリの使用に関するその他の手順:http ://webdesignerwall.com/tutorials/css3-media-queries