5
Czy szerokość: 100% i maksymalna szerokość: 100% może być używana zamiennie, jeśli któraś z nich jest używana tylko raz?szerokość: 100% vs maksymalna szerokość: 100%
Na przykład uzyskać takie same wyniki z:
img{
width:100%;
}
iz:
img{
max-width:100%;
}
Am I brakuje czegoś tutaj?
Tak, testowałem i działa tak, jak to opisałeś. Więc powinienem użyć szerokości: 100%, jeśli chcę mieć absolutną pewność, że mój obraz będzie tak szeroki jak element macierzysty, ale maksymalna szerokość: 100%, jeśli chcę się upewnić, że nie będzie się rozciągał poza jego rzeczywisty rozmiar? –
Dość dużo. Osobiście nigdy nie miałem dobrego powodu, aby zastosować "width: 100%" do obrazów, ponieważ nie chcę, aby je zamazywały, jeśli element macierzysty będzie szerszy niż obraz. Należy również pamiętać, że ustawienie globalne 'max-width: 100%' może mieć nieoczekiwane efekty uboczne w widżetach innych firm i potencjalnie własne treści. Na przykład miałem problemy z Mapami Google. Zamiast tego proponuję utworzyć taką klasę jak 'img.responsive' z tą regułą lub dopasować ją do obszaru zawartości za pomocą selektora takiego jak' .blog-post img'. –