Próbuję uzyskać obraz (umieszczony dynamicznie, bez żadnych ograniczeń wymiarów), który będzie tak szeroki, jak jego element div, ale tylko jako o ile ta szerokość nie jest szersza niż jego własna szerokość o 100%. Próbowałem to bezskutecznie:Utwórz szerokość obrazu w 100% div elementu nadrzędnego, ale nie większą niż jego własna szerokość.
img {
width: 100%;
height: auto;
max-width: 100%;
}
Wiele z tych obrazów to sposób szerszy niż ich div nadrzędnej, dlatego chciałbym je odpowiednio do rozmiaru, ale gdy mały obraz pojawia się tam i zostaje wyskalowany poza jego normalne wymiary, naprawdę wygląda okropnie. Czy jest jakiś sposób na zrobienie tego?
Co się dzieje, jeśli tylko określić 'max-width: 100 % "? –
@Fyodor Soikin - Daj to jako odpowiedź, a ja zagłosuję za tobą. –
Dobrze byłoby jednak rozważyć, które przeglądarki obsługują maksymalną szerokość. – kbrimington