Kwalifikacja: INF.03 - Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych
Zawód: Technik informatyk , Technik programista
Kategorie: Tworzenie stron WWW
Aby zastosować styl responsywny dla ekranów o szerokości od 600 px do 800 px, należy użyć reguły CSS:
Odpowiedzi
Dobrze. Warunek obejmuje szerokości jednocześnie ≤ 800 px i ≥ 600 px, czyli 600-800 px.
Źle. Brakuje operatora
and między warunkami - zapis jest błędny.Źle. To obejmie ekrany od 800 px wzwyż, a nie zakres 600-800 px.
Źle. Warunek jest sprzeczny (min 800 i max 600) i brak
and po screen.Informacja zwrotna
Aby ograniczyć styl do zakresu szerokości, łączy się dwa warunki operatorem
and: @media screen and (min-width: 600px) and (max-width: 800px) { }. Pierwszy ustala dolną granicę (≥ 600 px), drugi górną (≤ 800 px); spełnione muszą być oba naraz. Dlatego poprawna jest reguła z max-width: 800px i min-width: 600px połączonymi and.