11

I do set to landscape the size property of a CSS file to print pages in landscape 

@page {
          margin: 0.1cm;
          size: landscape;
          orientation: landscape;
          size: A4;

Some pages are printed into portrait orientation, some in landscape orientation.

How can i detect and force the pages to be printed in landscape using CSS ?

Ângelo Rigo
  • 1,899
  • 6
  • 35
  • 64
  • 1
    Did you try this solution? http://stackoverflow.com/questions/138422/landscape-printing-from-html – s0rfi949 Sep 06 '16 at 19:30
  • i try : @page { size: landscape; as the solution says the final try is to use pdf as not all browsers accept this property. – Ângelo Rigo Sep 06 '16 at 19:46

2 Answers2

15

The CSS you provided has problems:

  1. The bracket does not close (missing }),
  2. You overwrite size with A4
  3. orientation seems to exist for media queries, but not as an attribute (source). Hence you can check the orientation, but not set it.

I tried

@page {
    size: A4 landscape;
}

in Chrome 60 on Linux and it worked. Seems not to work in Firefox, though.

You could set the width and height of the <body> to whatever you need (only for printing by using the media query) just like paper.css does.

Alternative

You could add

body {
    transform: rotate(-90deg);
}

Seems to be safe to use.

Martin Thoma
  • 108,021
  • 142
  • 552
  • 849
2

The problem is first you write size: landscape; but than you write size: A4; If not provided domPDF is rendering like default portrait, and it overwrites the landscape. set the second parameter landscape and will work out.

size: A4 landscape;
Etienne Kaiser
  • 2,634
  • 8
  • 19
  • 29
Vlatko Petrush
  • 36
  • 2