Выпуск медийной печати в портретном режиме

Question

У меня есть эта форма, которую я печатаю, чтобы выполнить свою работу.

Теперь проблема в том, что в портретном режиме он минимизирован, я имею в виду, что он выглядит маленьким, как половина страницы письма формата А4, а в альбомном режиме выглядит просто отлично.

Вот моя печатная пресса css:

@media print  {
textarea{
        border:none;
    }
textarea#difekti {
padding-bottom:40px;
border:none;
    }
#menu-home { display:none }
#status-print { display:none }
#submit-f {display:none};
#MainContent {
    display: block;

}
#tab1 table, td, th {
  border: 1px solid red;   
}

#tab1 thead {
  float: left;   
}


#tab1 thead th {
  display: block;   
  background: yellow;
}

#tab1 tbody {
  float: right;   
}
#programi {
    display:none;
}
#kursor {
    display:none;
}
#adresa { }
* {position:static !important;}

}

Любое предложение? Кроме того, у меня тоже есть проблемы с IE. Могу ли я создать дополнительную медиа-печать для IE? Спасибо

Answer 1

Вы должны изменить это на отдельный файл CSS и связать его с вашим HTML-документом, используя media="print" в нижней части любой ссылки CSS.

<link rel="stylesheet" type="text/css" media="print" href="path/to/your/css" />

Это также поможет вам избежать проблемы с IE.

Answer 2

@media print и (ориентация: портрет) {стили здесь}

@media print и (ориентация: пейзаж) {стили здесь}

Answer 3

Правило CSS @page используется для изменения некоторых свойств CSS при печати документа. Вы не можете изменить все свойства CSS с помощью @page. Вы можете изменить только поля, сироты, вдовы и разрывы страниц документа. Попытки изменить любые другие свойства CSS будут игнорироваться.

@page { size:5.5in 10in; margin: 1cm }