Kwalifikacja: INF.03 - Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych
Zawód: Technik informatyk , Technik programista
Kategorie: Tworzenie stron WWW
Aby strona poprawnie skalowała się na urządzeniach mobilnych, w sekcji <head> należy umieścić:
Odpowiedzi
Źle.
<title> ustawia tytuł karty, nie ma wpływu na skalowanie.Źle.
<link> dołącza arkusz stylów, sam nie steruje skalowaniem.Źle.
<meta charset> ustawia kodowanie znaków, nie skalowanie strony.Dobrze. Meta viewport ustawia szerokość rzutni na szerokość urządzenia – podstawa RWD.
Informacja zwrotna
Znacznik
<meta name="viewport" content="width=device-width, initial-scale=1"> mówi przeglądarce mobilnej, że szerokość rzutni (viewport) ma odpowiadać szerokości urządzenia, a strona ma startować w skali 1:1. Bez niego telefon renderuje stronę jako szeroką i pomniejsza ją, przez co media queries nie działają jak należy. Dlatego dla poprawnego skalowania na komórkach niezbędny jest meta viewport.