Mobile Web Image Size (CSS Tag)

모바일페이지에서 이미지 크기를 가변적으로 변경하기

[meta tag]

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=2.0, minimum-scale=1.0, user-scalable=yes, target-densitydpi=medium-dpi" >

[css tag]

.visual { width:100%; margin:0 auto; text-align:center; }
.visual img { max-width:100%; }

[body html tag]

<div class="visual">
<img src="/m/img/visual.jpg" />
</div>