メディアクエリーを活用し、ビューポートの幅に応じて要素を切り替えていきます。
- メディアクエリーの設定
- displayの操作
-
Q1
次のコードについて、正しい説明は?
.pc-menu { display: none; } @media (min-width: 600px) { .sp-menu { display: none; } .pc-menu { display: block; } }
プレミアムについて詳しくみる
ミニクイズで理解度をチェックできます
素材ファイルをダウンロードするにはプレミアムプランへの登録が必要です
詳しくみるソースコードを閲覧するにはプレミアムプランへの登録が必要です
詳しくみるデモを閲覧するにはプレミアムプランへの登録が必要です
詳しくみる