HTML/CSS - Пейзаж и портретные опции

Question

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

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

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

Answer 1

Вы можете использовать один файл 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) { 
}