2013-06-19 2 views
-1

고정 폭 (300px)의 사용자 이미지를 표시하고 높이를 변경할 수 있습니다. 업로드 된 이미지의 너비가 300 픽셀 미만인 경우 문제가 발생합니다.고정 폭 및 가변 높이로 이미지를 표시하는 방법

내가 원하는 것은 이미지가 가운데에 300 픽셀의 상자에 표시되어야하며 이미지의 실제 너비가 업로드되어야합니다. 이 같은

뭔가 :

enter image description here

+1

그래서 질문은 무엇인가? 이것을 구현하려고하지만 문제가 발생하고 있습니까? 지금까지 뭐 했니? –

+0

'max-width'는 귀하의 친구입니다. – BenM

+0

정말 질문 없습니다. w3cschools.com과 같은 일부 HTML 가이드를 참조하십시오 –

답변

2

첫째, 그 당신이 지금 배우는 사람들의 95 %를, 전문가로서 자신의 생각과 다른 사람보다 더 알고해서, W3 스쿨에 미워하는 HTML , css, JS, php 등이 있습니다. w3schools는 멋진 데모와 정보로 가득한 귀중한 자원이므로 사람들에게 거기에 가도록 말하는 것에 대해 "싫증나는"이유가 없습니다.

당신의 답은 여기에 있습니다 :

http://www.w3schools.com/CSSref/pr_dim_max-width.asp

가 요약하면, 당신은 "최대 폭 : 100 픽셀을,"추가 할 수있는 CSS 속성 (DIV, P, IMG 등)

img { 너비 : 100 %; 최대 너비 : 600px; }

이것은 이것의 중복 질문 : How to set max width of an image in CSS

관련 문제