Przejdź do treści głównej
INF.03Pytanie #1354 z 1558css-box-model-i-pozycjonowanie

Aby utworzyć styl strony responsywnej dla ekranów o szerokości od 600 px do 800 px należy zastosować regułę CSS:

Opcje odpowiedzi:
A
@media (max-width: 800px) (min-width: 600px){/*style css*/}
B
@media (min-width: 800px){/*style css*/}
C
@media screen (min-width: 800px) and (max-width: 600px){/*style css*/}
D
@media screen and (max-width: 800px) and (min-width: 600px){/*style css*/}
Prawidłowa
Reklama

Wyjaśnienie i uzasadnienie dydaktyczne

Poprawna odpowiedź: D (@media screen and (max-width: 800px) and (min-width: 600px){/style css/})

W zapytaniach medialnych CSS3 (Media Queries) do zdefiniowania przedziału szerokości ekranu od 600 px do 800 px stosuje się połączenie słowem kluczowym and: @media screen and (max-width: 800px) and (min-width: 600px) { ... }.

Dlaczego pozostałe opcje są nieprawidłowe?

  • A: Brak słowa kluczowego and pomiędzy warunkami w nawiasach to błąd składniowy CSS.
  • B: Reguła dotyczy wyłącznie ekranów o szerokości od 800 px w górę.
  • C: Warunek min-width: 800px i max-width: 600px jest logicznie sprzeczny (żaden ekran nie może mieć jednocześnie więcej niż 800 px i mniej niż 600 px).

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 box model i pozycjonowanie”

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