Jak w CSS zdefiniować reguły, które będą stosowane tylko wtedy, gdy szerokość okna przeglądarki (viewport) jest mniejsza lub równa 600 pikseli?

Poprawna odpowiedź: B (@media screen and (max-width: 600px) { /* style */ })

Media queries (zapytania o media) pozwalają na stosowanie różnych stylów w zależności od charakterystyk urządzenia lub viewportu. @media screen and (max-width: 600px) oznacza, że zamknięte w nawiasach klamrowych style będą aktywne dla urządzeń typu 'screen' (ekrany komputerów, tabletów, smartfonów) tylko wtedy, gdy maksymalna szerokość viewportu wynosi 600 pikseli lub mniej.

Dlaczego pozostałe opcje są nieprawidłowe?

• A: Składnia width <= 600px jest niepoprawna; używa się max-width, min-width itp.
• C: To przypomina składnię JavaScript, a nie CSS.
• D: @responsive nie jest standardową regułą CSS; używamy @media.