KWALIFIKACJA INF3 - WRZESIEŃ 2015

PYTANIE NR 6.
Aby witryna internetowa prawidłowo skalowała się w urządzeniach mobilnych, należy wielkość czcionki zdefiniować
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Jednostki względne (np. %) skalują się w zależności od kontekstu, zwykle względem rozmiaru czcionki elementu nadrzędnego, co sprzyja responsywności. px i mm to jednostki absolutne, a znaczniki HTML big/small są przestarzałe i nie zastępują definicji rozmiaru czcionki w CSS.

Pełne wyjaśnienie:

Aby tekst "dobrze zachowywał się" na różnych ekranach (desktop, tablet, telefon), rozmiar czcionki powinien być zdefiniowany w sposób, który może się skalować wraz z kontekstem. Dlatego poprawnym wyborem jest użycie procentów, bo wartość w % jest jednostką względną i zwykle odnosi się do rozmiaru czcionki elementu rodzica (dziedziczenie/kontekst). Dzięki temu łatwiej utrzymać proporcje typografii w całym dokumencie i dostosować ją do różnych warunków wyświetlania.

Odpowiedź "w pikselach" jest nieprawidłowa w kontekście skalowania, ponieważ piksel traktuje się jako jednostkę absolutną w CSS: daje stały rozmiar wynikowy, który nie zależy od elementu nadrzędnego w taki sposób jak jednostki względne. Może to utrudniać elastyczne dostosowanie typografii do różnych urządzeń.

Odpowiedź "w milimetrach" także jest błędna: milimetr jest jednostką fizyczną, a ekrany mapują jednostki fizyczne na piksele w zależności od DPI/urządzenia, więc nie jest to praktyczna metoda dla typografii internetowej.

Odpowiedź "tylko znacznikami big i smali" jest błędna podwójnie: po pierwsze nie są to jednostki CSS ani sposób definiowania font-size w arkuszu stylów, po drugie elementy <big> i <small> są uznawane za przestarzałe (deprecated) i nie stanowią nowoczesnej praktyki tworzenia stron. W praktyce typografię kontroluje się w CSS, dobierając jednostki i hierarchię stylów.

Warto pamiętać, że obok procentów często spotyka się także inne jednostki względne (np. em/rem), ale wśród podanych odpowiedzi to właśnie % spełnia kryterium skalowania w RWD.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Jednostki względne (np. %, em, rem) zależą od kontekstu: rozmiaru czcionki rodzica lub ustawień bazowych. Dzięki temu tekst może proporcjonalnie rosnąć/maleć na różnych ekranach, co wspiera responsywne projektowanie i utrzymanie spójnej hierarchii typografii.
Piksel bywa traktowany jako jednostka "sztywna", więc rozmiar tekstu nie wynika z relacji do elementu nadrzędnego. W efekcie trudniej globalnie przeskalować typografię i zachować proporcje między elementami. W zadaniach o RWD zwykle oczekuje się jednostek względnych.
100% oznacza "tyle, ile wynosi rozmiar czcionki w kontekście bazowym", najczęściej względem czcionki elementu rodzica. To wygodne, gdy chcesz budować skalę typograficzną: np. nagłówki jako 120% lub 150% tekstu bazowego.
Procenty i em są powiązane z kontekstem rodzica, więc dobrze nadają się do zagnieżdżonych komponentów. rem odnosi się do rozmiaru bazowego dokumentu (root), co ułatwia przewidywalne skalowanie całej strony. Na egzaminie kluczowe jest rozróżnienie: względne vs absolutne.
mm to jednostka fizyczna, a przeglądarka musi ją przeliczyć na piksele zależnie od urządzenia. Na różnych ekranach ten sam "milimetr" może nie odpowiadać temu samemu rozmiarowi postrzeganemu. Dlatego w web designie mm stosuje się rzadko, zwłaszcza dla tekstu.
W nowoczesnym HTML/CSS nie. Elementy <big> i <small> są uznawane za przestarzałe, a typografię definiuje się w CSS (np. właściwością font-size). Na egzaminie taka odpowiedź jest zwykle pułapką: HTML nie zastępuje jednostek CSS.
Częste jest mylenie jednostek absolutnych (px, mm) z względnymi (%/em/rem) oraz przekonanie, że "px zawsze najlepsze, bo dokładne". Drugi błąd to mieszanie warstw: próba rozwiązań HTML (znaczniki) zamiast poprawnego stylowania w CSS.
Sygnałem są słowa: "skalowała się", "urządzenia mobilne", "responsywna", "RWD". Wtedy szukaj odpowiedzi związanej z jednostkami względnymi. Jeśli wśród opcji są px/mm oraz %, zwykle poprawna jest jednostka względna, bo wspiera elastyczne dopasowanie.
Tak, procenty nadal są poprawne i działają zgodnie z zasadą jednostek względnych. To, że rem bywa preferowane jako "wygodniejsze" w dużych projektach, nie oznacza, że % jest błędem. W pytaniach egzaminacyjnych liczy się poprawność koncepcji: skalowanie względem kontekstu.
Zrób prostą stronę z tekstem i ustaw font-size kolejno w %, px i em/rem. Potem zmieniaj rozmiar bazowy (np. w body) i obserwuj, co skaluje się proporcjonalnie. Notuj wnioski: które jednostki zależą od rodzica, a które są "sztywne".
info

Około 61% zdających odpowiada poprawnie na to pytanie. średnie

Eksperci podkreślają: "Jednostki względne (np. %) skalują się w zależności od kontekstu, zwykle względem rozmiaru czcionki elementu nadrzędnego, co sprzyja responsywności."

Źródła:

  • MDN Web Docs: "font-size" (CSS) – opis właściwości i wartości, https://developer.mozilla.org/en-US/docs/Web/CSS/font-size (dostęp: 2026-03-01)
  • MDN Web Docs: "CSS values and units" – podział na jednostki względne i absolutne, https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Values_and_units (dostęp: 2026-03-01)
  • MDN Web Docs: "&lt;big&gt;: The Bring Attention To element" – informacja o przestarzałości, https://developer.mozilla.org/en-US/docs/Web/HTML/Element/big (dostęp: 2026-03-01)

Materiały:

  • Dokumentacja MDN dotycząca właściwości font-size i jednostek
  • Materiały o Responsive Web Design (np. media queries, viewport, typografia responsywna)
  • Ćwiczenia praktyczne: porównanie font-size w %, px i em/rem w prostym układzie

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego