2011-06-28 15 views
10

Pracuję nad projektem korporacyjnym, tworząc system, który będzie używany przez wiele lat. Niedawno natknąłem się na media typu "projekcja" w css i wyobrażam sobie potencjalne korzyści, jakie może mieć dla użytkowników, dając prezentacje itp., Ale nie wiem, czy to tylko moja wyobraźnia, czy też tutaj jest przewaga prawdziwego świata. Do tej pory zdawałem sobie jedynie sprawę, że niektóre wersje Opery używają typu multimediów w trybie pełnoekranowym.Jak niezawodny jest typ "projekcji" w css?

W3C wpisy Rodzaj Mediów: http://www.w3.org/TR/CSS2/media.html

Czy każda przeglądarka wykrywają projekcji typ nośnika, gdy jest używany na projektorze?

Czy to możliwe? Mam przeczucie, że jeśli chodzi o przeglądarkę, projektor to tylko ekran, więc nie można go wykryć. Byłoby wspaniale, gdybym się mylił.

Czy ktoś miał jakieś sukcesy z mediami projekcyjnymi?

Odpowiedz

8

Jeśli chodzi o moje badania, typ mediów projekcyjnych jest obecnie używany tylko przez Operę w trybie pełnoekranowym.

Podłączenie komputera do projektora i ustawienie trybu wyświetlania na "projektor" w ustawieniach wyświetlacza wydaje się nie mieć żadnego wpływu na arkusz stylów wybrany przez dowolną przeglądarkę.

Code Style ma dobry summary of different browsers and their compatibility z różnymi trybami mediów CSS.

+0

Dobry usłyszeć od kogoś, kto rzeczywiście próbował go . Jeśli pamiętasz, jakich metod użyłeś? Deklaracje arkusza stylów, bloki multimedialne wewnątrz wspólnego pliku css, reguła @import? Myślę, że wyniki będą prawdopodobnie takie same dla każdego z nich, tylko że chciałbym mieć możliwie pełny obraz. – daveyfaherty

2

Używam cały czas trybu projekcji, ale niestety tylko Opera 12 i wcześniejsze go wdrażają. Trafisz F11, aby go uruchomić, a następnie rzuty multimedialnych projekcji CSS w

I umieścić każdy slajd div, a następnie za pomocą 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%} 
} 
Powiązane problemy