特にプリンターやで別のCSSを適用する

主なメディアタイプ(メディア種別)

allすべての機器向け
printプリンター向け
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 {}

コメントを残す

メールアドレスが公開されることはありません。