내 웹 사이트에서 사용자가 업로드 한 이미지를 특정 크기 ( 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
이미지에 대한 설정을 시도했지만 작동하지 않습니다. 이미지는 서블릿에서 스트리밍됩니다 (Tomcat의 webapps 폴더 외부에 저장 됨).
max-width
설정max-height
하고 설정하지 않으면 작동합니다. 그렇지 않다면 다른 사람들이 문제를 발견 할 수 있도록 코드를 게시하십시오.