Насколько надежен «проекционный» тип носителя в css? - PullRequest
Новая
       16

Насколько надежен «проекционный» тип носителя в css?

12 голосов
/ 28 июня 2011

Я работаю над корпоративным проектом, создавая систему, которая будет использоваться годами. Недавно я столкнулся с «проекционным» типом мультимедиа в css, и я представляю потенциальные преимущества, которые он может принести пользователям, презентациям и т. Д., Но я не знаю, только ли это в моем воображении, или есть ли здесь преимущество в реальном мире. Пока что мне известно только то, что некоторые версии Opera используют тип мультимедиа в полноэкранном режиме.

Типы носителей W3C: http://www.w3.org/TR/CSS2/media.html

Обнаруживает ли какой-либо браузер тип проекционного носителя при использовании на проекторе?

Это вообще возможно? У меня есть предчувствие, что с точки зрения браузера проектор - это просто экран, поэтому его нельзя обнаружить. Было бы здорово, если бы я был неправ.

Кто-нибудь имел успех с типом проекционного носителя?

Ответы [ 2 ]

8 голосов
/ 28 июня 2011

Насколько показали мои исследования, тип проекционного носителя в настоящее время используется Opera только в полноэкранном режиме.

Подсоединение компьютера к проектору и установка режима отображения «проектор» на моем дисплеекажется, что настройки не влияют на таблицу стилей, выбранную любым браузером.

Кодовый стиль содержит сводку различных браузеров и их совместимости с различными режимами CSS Media..

2 голосов
/ 29 ноября 2013

Я постоянно использую проекционный режим, но, к сожалению, только Opera 12 и более ранние версии реализуют его. Вы нажимаете F11, чтобы запустить его, а затем включается CSS-проекция.

Я помещаю каждый слайд в div, а затем использую CSS: 

/* Each slide is a plain div.
   Special pages (intro material, etc,) have classes like cover, intropage, endpage */
body>div {
    border: medium black solid;
    margin: 1em 0;
    width: 40em;
    padding-bottom: 0;
    page-break-inside: avoid;
    overflow: hidden;
 }

@media projection { /* changes/adds the following properties */
    body {font-size: 20pt; margin-left: 0; padding: 0}
    body>div { page-break-after: always; 
               border-style: none; margin: 0; width: 100%}
}
...