IE11でプリンタの縦横の印刷に合わせてCSSを変更する方法

IE11でプリンタの縦横の印刷に合わせてCSSを変更する方法

IE11でプリンタの縦印刷の場合はあるスタイルシートを当て、横印刷の場合は別のスタイルシートを当てたい場合、メディアクエリをふたつに分けて実現する事ができます。

印刷時にプリンタ自体を縦印刷にする、と言ったプリンタを制御することはCSSではできません。

縦印刷のCSS

@media print and (orientation: portrait){
  // ここにCSSを記述
}

横印刷のCSS

@media print and (orientation: landscapre){
  // ここにCSSを記述
}

コメント

タイトルとURLをコピーしました