Zapytanie @media CSS3

Przykłady

Jeśli dokument o szerokości mniejszej niż 300 pikseli jest modyfikacja prezentacji tła (background-color):

Ekran @media oraz (max-width: 300px) {
body {
background-color: jasnoniebieski;
}
}

Definicje i zastosowanie

Użyj @media zapytań można określić różne style dla różnych typów nośników.

@media można ustawić na różnej przekątnej ekranu różnych stylów, szczególnie jeśli trzeba scenografia reagujących stron @ media są bardzo przydatne.

Po zresetowaniu rozmiar przeglądarki procesu, strona zostanie ponownie renderować strony w oparciu o szerokość i wysokość przeglądarki.

Pomoc Browser

Dane w tabeli wskazują obsługuje reguł @media pierwszy numer wersji przeglądarki.

reguła
@media	21	9	3,5	4,0	9

Składnia CSS

@media MediaType | i | nie tylko (funkcja mediów) {
CSS-Code;
}

Można również korzystać z różnych stylów dla różnych mediów:

Typ nośnika

wartość	opis
wszystko	Na wszystkich urządzeniach
uszny	Nieaktualny. Dla syntezatora mowy i głosu
brajl	Nieaktualny. Sprzęt używany w Braille dotykowym sprzężeniem zwrotnym
wytłoczona	Nieaktualny. Blind Urządzenie drukujące do drukowania
podręczny	Nieaktualny. Na urządzeniach przenośnych lub mniejszych urządzeniach, takich jak PDA i mały telefon
druk	Dla drukarek i podglądem wydruku
projekcja	Nieaktualny. Dla sprzętu do projekcji
ekran	Na ekranach komputerów, tabletów, smartfonów i tym podobne.
przemówienie	Stosowany do czytników ekranu i innych urządzeń dźwiękowych
tty	Nieaktualny. Dla mocowania siatki znaków, takich jak telegraficzne, urządzenia końcowego i ograniczonej postaci urządzenia przenośnego
telewizja	Nieaktualny. Dla TV i internetowej telewizji

funkcje multimedialne

wartość	opis
Aspekt-stosunek	Określić urządzenie wyjściowe w zakresie widzialnym od szerokości strony stosunku do wysokości
kolor	Określ urządzenie wyjściowe w każdej grupie numer oryginalny kolor. Jeżeli nie jest to urządzenie kolor, wartość jest równa 0
Kolor-index	Liczba wpisów w tabeli barw Look-Up jest zdefiniowana w urządzeniu wyjściowym. Jeśli nie użyć tabeli kolor odnośnika, wartość jest równa 0
Urządzenie o współczynniku kształtu	Urządzenie wyjściowe definicja ekranu widoczne stosunek szerokości do wysokości.
Urządzenie wysokości	Definicja ekranu urządzenia wyjściowego widoczna wysokość.
Urządzenie szerokości	Definicja ekranu urządzenia wyjściowego widoczna szerokość.
ruszt	Urządzenie wyjściowe stosowane do zapytania, czy siatki lub kraty.
wysokość	Określenie urządzenia wyjściowego w widzialnym obszarze wysokości strony.
max współczynniku kształtu	Definicja ekranu urządzenia wyjściowego widoczna maksymalny stosunek szerokości do wysokości.
max-color	Określ maksymalną liczbę urządzeń wyjściowych każdy zestaw kolorów oryginału.
max-color-index	Maksymalna liczba wpisów w tabeli barw Look-Up jest zdefiniowana w urządzeniu wyjściowym.
max-device współczynniku kształtu	Definicja ekranu urządzenia wyjściowego widoczna maksymalny stosunek szerokości do wysokości.
max-device-height	Ekran definiowania urządzeń wyjściowych widocznych na maksymalną wysokość.
max-device-width	Definicja ekranu urządzenia wyjściowego widoczna maksymalna szerokość.
max-height	Określenie urządzenia wyjściowego w widzialnym rejonie maksymalnej wysokości strony.
max-monochromatyczne	Określa się w ramce monochromatycznego bufor zawiera na piksel wynosi maksymalna liczba monochromatycznego oryginału.
max rozdzielczości	Maksymalna rozdzielczość określa urządzenie.
max-width	Określenie urządzenia wyjściowego w widzialnym rejonie maksymalnej szerokości strony.
min współczynniku kształtu	Określ urządzenie wyjściowe w zakresie widzialnym minimalnego współczynnika widoku szerokości do wysokości.
min-color	Określ urządzenie wyjściowe każdego zestawu minimalną liczbę oryginalnego koloru.
min-color-index	Minimalna liczba wpisów w tabeli barw Look-Up jest zdefiniowana w urządzeniu wyjściowym.
min-device współczynniku kształtu	Ekran definiowania urządzeń wyjściowych widoczny minimalny stosunek szerokości do wysokości.
min-device-width	Ekran urządzenia wyjściowe zdefiniowane minimalnej widocznej szerokości.
min-device-height	Minimalna wysokość określają ekranu widocznego urządzenia wyjściowego.
min-height	Określ urządzenie wyjściowe w zakresie widzialnym minimalnej wysokości strony.
min-monochromatyczne	Minimalna liczba kolorowych oryginałów jest zdefiniowana w buforze ramki zawiera monochromatyczny na piksel
min rozdzielczości	Minimalna rozdzielczość określa urządzenie.
min-width	Określ urządzenie wyjściowe w zakresie widzialnym minimalnej szerokości strony.
monochromatyczny	Jest zdefiniowane w buforze monochromatyczne ramki zawiera na piksel monochromatyczny Numer oryginalny. Jeżeli nie jest to urządzenie monochromatyczne wartość jest równa 0
orientacja	Określenie urządzenia wyjściowego w widzialnym obszarze wysokość strony jest większa niż lub równa szerokości.
uchwała	Określ rozdzielczość urządzenia. Takich jak: 96 dpi, 300 dpi, 118dpcm
skanowanie	Proces skanowania typu Definition TV sprzętu.
szerokość	Określić urządzenie wyjściowe w zakresie widzialnym od szerokości strony.