メディアクエリの書き方メモ
特にプリンターやで別のCSSを適用する
主なメディアタイプ(メディア種別)
all | すべての機器向け |
プリンター向け | |
screen | 主に画面向け |
speech | 音声合成向け |
種別を省略した場合は all と見なされる)
特に「プリンターで別のCSSを適用したい」とかで無ければ シンプルに記述するのがいいかも。
@media all and (min-width: 768px) {}
//下記でOK ※ただしプリンターではモバイルレイアウトが表示される
@media (min-width: 768px) {}
プリンターでもPC向けのレイアウトにする
プリンターでもPC向けのレイアウトにする場合は下記の様に記述すること
//プリンターでもPCのレイアウトを適用する
@media screen and (min-width: 768px), print {}