Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Ориентация экрана с помощью CSS, Проблема придания альбомной ориентации 
:(
    Опции темы
alexesuser
Дата 14.2.2018, 07:11 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 24
Регистрация: 3.2.2009

Репутация: нет
Всего: нет



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

Код

@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.
PM MAIL   Вверх
ksnk
Дата 12.3.2018, 17:53 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прохожий
****


Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 48
Всего: 386



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


--------------------
Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image
PM MAIL WWW Skype   Вверх
Mariia
Дата 7.4.2018, 12:31 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 23
Регистрация: 7.4.2018

Репутация: нет
Всего: нет



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

PM MAIL WWW   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.1063 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.