Pytanie egzaminacyjne · INF.03
.kol { width: 100%; }
@media (min-width: 768px) {
.kol { width: 50%; }
}
@media (min-width: 1200px) {
.kol { width: 25%; }
}Pytanie z zakresu egzaminu zawodowego INF.03 (Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych). Wybierz odpowiedź, a pokażemy poprawną i wyjaśnimy dlaczego.
Dlaczego tak
Przy szerokości 1024 px spełniony jest warunek min-width: 768px, ale nie min-width: 1200px, więc obowiązuje reguła z pierwszego zapytania o media: 50%. Reguła z width: 25% zadziała dopiero od 1200 px, a 100% to wartość bazowa dla ekranów węższych niż 768 px. To typowy układ mobile first: style podstawowe dla telefonów i nadpisania dla coraz szerszych ekranów.
Temat: Stosuje kaskadowe arkusze stylów do tworzenia responsywnych stron internetowych
Ćwicz cały egzamin INF.03
Trenażer dobiera pytania do Twoich błędów i pilnuje powtórek. Za darmo.
Ćwicz w trenażerzeKalkulatory, materiały, pytania z forum i firmy