Jeżeli reklama internetowa (np. baner w HTML) ma mieć maksymalną szerokość 800 px, należy użyć właściwości max-width. Ta właściwość ustala górne ograniczenie szerokości: element może się zwężać (np. na mniejszych ekranach lub w wąskim kontenerze), ale nie będzie szerszy niż podany limit. Przykładowo zapis max-width: 800px; zapewnia, że szerokość nie przekroczy 800 pikseli.
To jest szczególnie ważne w projektowaniu responsywnym: często łączy się ograniczenie z regułą typu width: 100%;, aby element dopasowywał się do dostępnego miejsca, ale wciąż miał "sufit" 800 px.
Dlaczego pozostałe odpowiedzi są niepoprawne?
- max-height ogranicza maksymalną wysokość elementu. Nawet poprawnie użyta, nie kontroluje szerokości, więc nie rozwiązuje problemu limitu 800 px.
- background size odnosi się do rozmiaru grafiki tła (w CSS jest to właściwość z rodziny background-*). Zmienia sposób skalowania obrazu tła, ale nie ustala szerokości całego elementu/banera.
- background-position ustala położenie tła (np. na środku, po lewej). Również nie ogranicza szerokości elementu, tylko wpływa na to, gdzie "leży" tło w jego obrębie.
Wskazówka egzaminacyjna: gdy w treści pojawia się sformułowanie "maksymalna szerokość", szukaj właściwości z członem max- i słowem width. Analogicznie "maksymalna wysokość" prowadzi do max-height.
