Kwalifikacja: INF.03 - Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych
Zawód: Technik informatyk , Technik programista
Kategorie: Tworzenie stron WWW Grafika komputerowa i multimedia
Która reguła CSS pozwala stosować różne style w zależności od szerokości ekranu (kluczowa w RWD)?
Odpowiedzi
Źle.
@keyframes definiuje klatki animacji, nie dotyczy responsywności.Dobrze.
@media stosuje wybrane style przy spełnieniu warunku, np. zakresu szerokości ekranu.Źle.
@import dołącza inny arkusz stylów, nie warunkuje stylów rozmiarem ekranu.Źle.
@font-face dołącza własną czcionkę, nie reaguje na rozmiar ekranu.Informacja zwrotna
Reguła
@media (media query) pozwala uzależnić style od warunków urządzenia - najczęściej od szerokości okna. Zapisuje się w niej warunek, np. @media (max-width: 600px) { ... }, a style w środku zadziałają tylko, gdy jest on spełniony. To podstawowe narzędzie RWD: dzięki niemu ten sam dokument inaczej wygląda na telefonie i na monitorze. Dlatego kluczowa dla responsywności jest reguła @media.