HTML i CSS · Middle · Pytanie 24 z 75
Co robi object-fit: cover na <img> z ustawionymi width i height?
- 1Rozciąga obrazek dokładnie do rozmiaru pudełka, zniekształcając proporcje
- ✓Poprawna odpowiedź: Zachowuje proporcje i wypełnia całe pudełko, przycinając nadmiar
- 3Mieści cały obrazek z zachowaniem proporcji, zostawiając puste pasy
Wyjaśnienie
cover wypełnia cały obszar, zachowuje proporcje i przycina to, co wystaje (punkt ogniskowy ustawia object-position). Zmieszczenie całego obrazka z pasami to contain. Zniekształcenie proporcji to zachowanie domyślne (fill).