Strona responsywna (RWD) to taka, której układ i elementy potrafią dopasować się do różnych rozdzielczości i proporcji ekranu. Jednym z praktycznych sposobów osiągnięcia tego efektu jest stosowanie jednostek względnych w CSS.
Odpowiedź "rozmiary obrazów w procentach" jest poprawna, ponieważ procent odnosi się do wymiaru elementu nadrzędnego (np. kontenera). Dzięki temu grafika może płynnie zmieniać rozmiar, gdy zmienia się szerokość kolumny lub całej strony. W typowych rozwiązaniach RWD często łączy się to także z ograniczeniem typu "maksymalna szerokość" (aby obraz nie wychodził poza kontener).
Pozostałe propozycje nie opisują mechanizmu responsywności:
- "jedynie znane czcionki" – wybór fontu (np. Arial) dotyczy typografii i dostępności kroju, ale sam w sobie nie sprawia, że układ dopasuje się do ekranu. Responsywność to przede wszystkim elastyczny layout i reguły stylów zależne od rozmiaru okna.
- "rozmiary obrazów wyłącznie w pikselach" – piksele są jednostką stałą; przy mniejszych ekranach obraz może się nie mieścić lub wymuszać przewijanie, a przy większych wyglądać nieproporcjonalnie. To częsty błąd początkujących: "sztywne" projektowanie pod jedną rozdzielczość.
- "rozkład strony wyłącznie za pomocą tabel" – tabele służą do danych tabelarycznych, a budowanie layoutu tabelami jest uznawane za podejście przestarzałe i mało elastyczne. Współczesny responsywny układ realizuje się przede wszystkim przez CSS (np. flexbox lub grid).
Wskazówka egzaminacyjna: gdy pytanie dotyczy RWD, szukaj haseł typu jednostki względne, elastyczny układ i dopasowanie do kontenera, a nie elementów niezwiązanych z adaptacją (np. sama nazwa czcionki).
