Przejdź do treści głównej
INF.03Pytanie #1203 z 1558css-rwd-efekty-i-animacje

Która meta-znacznik (meta tag) jest niezbędny w sekcji <head> dokumentu HTML, aby zapewnić prawidłowe skalowanie i działanie responsywności na urządzeniach mobilnych?

Opcje odpowiedzi:
A
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Prawidłowa
B
<meta name="responsive" content="true">
C
<meta http-equiv="X-UA-Compatible" content="IE=edge">
D
<meta name="mobile-optimization" content="full-scale">
Reklama

Wyjaśnienie i uzasadnienie dydaktyczne

Poprawna odpowiedź: A (<meta name="viewport" content="width=device-width, initial-scale=1.0">)

Meta-znacznik viewport kontroluje, jak strona jest wyświetlana na urządzeniach mobilnych. width=device-width ustawia szerokość viewportu na szerokość ekranu urządzenia, a initial-scale=1.0 ustawia początkowy poziom powiększenia na 100%. Bez tego znacznika, strony mobilne mogą być wyświetlane w pomniejszeniu (jak na desktopie), co utrudnia ich używanie.

Dlaczego pozostałe opcje są nieprawidłowe?

  • B: responsive="true" nie jest standardowym meta-znacznikiem.
  • C: Ten meta-znacznik służy do instruowania Internet Explorera, aby używał najnowszego dostępnego trybu renderowania; jest ważny dla kompatybilności, ale nie bezpośrednio dla podstawowej konfiguracji viewportu responsywnego.
  • D: mobile-optimization nie jest standardowym meta-znacznikiem.

Chcesz poćwiczyć całą kwalifikację INF.03?

Egzamin próbny na czas, nauka działami, losowe pytanie albo przegląd całej bazy — wszystko w przeglądarce i bez zakładania konta.

Rozwiąż w Quizie

Pojęcia z tego pytania

Cały słownik INF03
Reklama

Podobne pytania z działu „Css rwd efekty i animacje”

Ten sam obszar materiału z kwalifikacji INF.03. W całej bazie znajdziesz 99 pytań z tego działu.