CSS基礎クイズ - レスポンシブデザイン

@media screen and (min-width: 600px)

@media screen and (max-width: 600px)

@media screen and (width: 600px)

@media screen and (min-width: 768px)

@media screen and (max-width: 768px)

@media screen and (width: 768px)

flex-direction: column;

flex-direction: vertical;

flex-direction: row;

@media screen and (min-width: 480px) and (max-width: 767px)

@media screen and (width: 480px-768px)

@media screen and (range: 480px to 768px)

Webページの読み込み速度を測定するポイント

レイアウトを変更する画面サイズの境界線

CSSファイルの分割ポイント

img { width: 100%; height: 100%; }

img { max-width: 100%; height: auto; }

img { width: auto; height: auto; }

ユーザー登録をすると、このクイズの解答を確認できるようになります。

解答の確認
クイズの正解・解説を確認

進捗管理
学習履歴を記録・管理

新着通知
新しい教材をお知らせ

完全無料
登録料・月額料金なし

登録は1分で完了します