HTML/CSS — альбомная и портретная ориентация

У меня есть html-страница и связанная css-страница, они отлично отображаются и печатаются (в портретной ориентации), когда они связаны.

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

Мой вопрос: возможно ли иметь разные страницы css для разных ориентаций страниц? Если да, есть ли другие параметры, которые я должен добавить к ссылке HTML/CSS?


html css landscape printing portrait
person Alan    schedule 30.06.2016    source источник
comment
Есть несколько вариантов, проверьте этот пост: stackoverflow.com/questions/138422 /альбомная печать-из-html   -  person Robbin van der Jagt    schedule 30.06.2016
comment
@RobbinvanderJagt спасибо за помощь!   -  person Alan    schedule 30.06.2016
comment
Без проблем! Надеюсь вам помогло (:   -  person Robbin van der Jagt    schedule 30.06.2016

Ответы (1)


arrow_upward
0
arrow_downward

Вы можете использовать один файл css и указать класс css для каждого устройства, например, и для каждой ориентации: например, так:

/* Portrait and Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio: 2) {

 }

/* Portrait */
@media only screen and (min-device-width: 320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  }

/* Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
}
person nabilinfo    schedule 30.06.2016