メディアクエリ (ウェブデザイン技能検定 用語集)
メディアクエリ
メディアクエリは、英語で media query と記述します。
ウェブページを閲覧する媒体毎にスタイルシートの指定が可能になります。
代表的な media type は以下となります。
@media all すべて
@media screen コンピュータ画面
@media print プリンタ
@media tv テレビ
記述例
※例１ 全ての媒体において、幅600px以上ある場合に指定する場合
@media all and (min-width: 600px) { ... }
※例2 コンピュータ画面において、幅800px以上ある場合に指定する場合
@media screen and (min-width: 800px) { ... }
関連過去問題
ウェブデザイン技能検定
平成30年度(2018) 第4回試験-問18 ウェブデザイン技能検定
平成30年度(2018) 第3回試験-問45 ウェブデザイン技能検定
平成30年度(2018) 第2回試験-問31 ウェブデザイン技能検定
平成29年度(2017) 第3回試験-問28 ウェブデザイン技能検定
平成28年度(2016) 第2回試験-問2 ウェブデザイン技能検定
平成27年度(2015) 第3回試験-問10 ウェブデザイン技能検定
平成27年度(2015) 第2回試験-問11 ウェブデザイン技能検定
平成27年度(2015) 第2回試験-問19 ウェブデザイン技能検定
平成26年度(2014) 第3回試験-問1 ウェブデザイン技能検定
平成26年度(2014) 第2回試験-問16 ウェブデザイン技能検定
平成26年度(2014) 第2回試験-問27
平成30年度(2018) 第4回試験-問18 ウェブデザイン技能検定
平成30年度(2018) 第3回試験-問45 ウェブデザイン技能検定
平成30年度(2018) 第2回試験-問31 ウェブデザイン技能検定
平成29年度(2017) 第3回試験-問28 ウェブデザイン技能検定
平成28年度(2016) 第2回試験-問2 ウェブデザイン技能検定
平成27年度(2015) 第3回試験-問10 ウェブデザイン技能検定
平成27年度(2015) 第2回試験-問11 ウェブデザイン技能検定
平成27年度(2015) 第2回試験-問19 ウェブデザイン技能検定
平成26年度(2014) 第3回試験-問1 ウェブデザイン技能検定
平成26年度(2014) 第2回試験-問16 ウェブデザイン技能検定
平成26年度(2014) 第2回試験-問27