Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > Ориентация экрана с помощью CSS

Автор: alexesuser 14.2.2018, 07:11

Добрый день!
Столкнулся с необходимостью придания альбомной ориентации странице для печати. Делаю это следующим образом:

Код


@media Print and (orientation: landscape){
    .rsf {
     page-break-after: always;
        } 
    }

В этом случае, ориентация остается портретной, и не работает перенос строк "page-break-after:".
Если в этом же коде меняю ориентацию на портретную:

Код


@media Print and (orientation: portrait){
    .rsf {
     page-break-after: always;
        } 
    }

Разделители страниц работают, ориентация остается портретной.

Вот и не понятно, почему в случае портретной ориентации стиль работает, а в случае альбомной - весь стиль ломается???
Тестирую в браузере Chrome Версия 64.0.3282.140.

Автор: ksnk 12.3.2018, 17:53

Вообще то используемые правила не устанавливают альбомную ориентацию, а определяют наборы правил для печати в выбранной юзером ориентации. Для явного указания портрет или альбом - можно пользоваться конструкцией @page, хотя с ней не все так однозначно. https://stackoverflow.com/questions/138422/landscape-printing-from-html на эту тему, возможно что-то будет полезно.

Автор: Mariia 7.4.2018, 12:31

Относительно недавно делала версию для печати. К сожалению, принудительно выставлять ориентацию возможности нет, предложенная выше конструкция @page на деле носит рекомендательный характер и в разных браузерах можно получать неожиданные результаты. Я пришла к тому, что просто сделала адаптив для обоих ориентаций.