ID: 1573
HTML i CSS
Łatwe
Źródło: Arkusze CKE
Aby strona WWW była responsywna, należy między innymi definiować
Warianty odpowiedzi
-
A
rozmiary obrazów wyłącznie w pikselach
-
B
jedynie znane czcionki, np. Arial
-
C
rozkład strony wyłącznie za pomocą tabel
-
D
rozmiary obrazów w procentach
Wyjaśnienie
Responsywność (RWD) polega na tym, że strona elastycznie dostosowuje swój wygląd do szerokości ekranu – od małego smartfona po duży monitor.
Jeśli ustawisz szerokość obrazu na sztywno w pikselach, np. 800px, na ekranie telefonu o szerokości 360px obrazek po prostu wyjdzie poza ekran i pojawi się poziomy pasek przewijania.
Stosując wartości procentowe (jednostki względne), każesz przeglądarce skalować obrazek proporcjonalnie do szerokości pojemnika lub okna. W ten sposób grafika zawsze idealnie dopasuje się do dostępnego miejsca.