페이지크기에 따라 이미지 자동늘어나게 하는 방법
[code css]
<img height="375" width="500" alt="" src="이미지 소스" class="aligncenter">
img
{
height:auto;
max-width:100%;
}
[/code]
1. 태그에 너비와 높이를 준다.
2. 스타일 시트에 max-width를 100%를 주고 높이는 자동으로 늘어날 수 있도록 height를 auto를 준다.
[code css]
<img height="375" width="500" alt="" src="이미지 소스" class="aligncenter">
img
{
height:auto;
max-width:100%;
}
[/code]
1. 태그에 너비와 높이를 준다.
2. 스타일 시트에 max-width를 100%를 주고 높이는 자동으로 늘어날 수 있도록 height를 auto를 준다.
'개발관련 > CSS' 카테고리의 다른 글
| Responsive Web Design Guidelines and Tutorials (0) | 2011/11/06 |
|---|---|
| HTML에서 이미지 자동늘어나게 하는 방법 (0) | 2010/03/17 |
TAG CSS
댓글을 달아 주세요