問題一覧に戻る
上級CSS基礎
問題58: レスポンシブ画像
様々なデバイスに最適化された画像表示を実装しましょう！
📝 タスク1: 1つ目の___にheight: auto;を入れて画像の高さを自動調整
📝 タスク2: 2つ目の___にmax-width: 800pxを入れて最大幅を制限
📝 タスク3: 3つ目の___にobject-fit: coverを入れて画像を切り抜き表示
📝 タスク4: 4つ目の___にaspect-ratio: 16 / 9を入れてアスペクト比を設定
📝 タスク5: 5つ目の___にoverflow: hiddenを入れてはみ出し部分を非表示
HTML（読み取り専用）
CSS コードエディタ
リアルタイムプレビュー