레이블이 Mobile Web Image Size인 게시물을 표시합니다. 모든 게시물 표시
레이블이 Mobile Web Image Size인 게시물을 표시합니다. 모든 게시물 표시

2015년 4월 14일 화요일

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>