На моем веб-сайте я хотел бы показывать изображения, загруженные пользователем в новом окне с определенным размером (width: 600px
). Проблема в том, что изображения могут быть большими. Поэтому, если они больше, чем эти 600px
, я хотел бы изменить их размер, сохраняя соотношение сторон.
Я попробовал свойство max-width
CSS, но он не работает: размер изображения не изменяется.
Есть ли способ решить эту проблему?
HTML
<div id="ImageContainerr">
<img src="DisplayImage.do?ad_id=${requestScope.advert.id}" class="Image" />
</div>
CSS
img.Image { max-width: 100%;}
div#ImageContainer { width: 600px; }
Я также попытался установить max-width: 600px
для изображения, но не работает. Изображение передается из сервлета (он хранится за пределами папки Webapps Tomcat).