Пейзажная печать с CSS

Question

Я добавил CSS-файл следующим образом:

<link rel="stylesheet" href="style.css" type="text/css" media="screen, print">

CSS содержит среди прочего следующее:

.landscape {
width: 100%;
height: 100%;
margin: 0% 0% 0% 0%;
filter: progid : DXImageTransform.Microsoft.BasicImage ( Rotation = 3 );
}

Тег body моей html-страницы установлен с помощью class = landscape.

Тогда вопрос. При просмотре страницы в IE9 она поворачивается на 90 градусов (альбомная ориентация), но когда я печатаю страницу все еще в портретной ориентации? Все остальное в порядке со страницей, поэтому он загружает CSS для печати, но кажется, что IE9 игнорирует пейзаж для печати. Кто-нибудь знает, почему и как я могу напечатать его в альбомной ориентации?

Я также попробовал следующее, которое, похоже, работает только в Chrome

@media print { 
  @page{
      size: A4 portrait;
      margin-left:0.0cm;
      margin-right:0.0cm;
  }
}

Я нашел несколько «ответов» в Google, но большинство из них суммируют две предложенные мной альтернативы, которые на самом деле не работают для меня ..

РЕДАКТИРОВАТЬ: Как представлено ниже:

-ms-transform: rotate(90deg);

.. тоже не работает. У меня есть большая таблица, которую я просто хочу напечатать в альбомной ориентации из-за большого числа столбцов. Как трудно это может быть?

Answer 1

Похоже, что единственный способ получить идеальный ландшафтный принт - это пройти через диалог печати и выбрать оттуда альбомный.Это действительно трудно сделать это автоматически с успехом в каждом браузере.

Answer 2

попробовать:

@media print{@page {size: landscape}}

Answer 3

В дополнение к вашему ответу, Ким, я бы сказал, что следует избегать вмешательства или «угона» стандартных функций браузера. Люди знают свой браузер и полагаются на его работу стандартным образом. Особенно люди с ограниченными возможностями могут быть не в состоянии понять «полезную функцию», данную им добросовестно. В качестве другого примера люди привыкли предлагать способы масштабирования страниц с помощью «удобной» кнопки масштабирования. В результате пользователь масштабировал эту кнопку, а затем использовал встроенную функцию или наоборот, что приводило к странному поведению.