<meta name="viewport" content="width=device-width, initial-scale=1.0"> //콘텐츠 가로폭을 기기의 가로폭으로
@media only screen and (min-width:320px) and (max-width:429px) {
@media only screen and (min-width:320px) and (max-width:429px) {
}
@media (max-width:800px) {
대표적인 모바일 기기 해상도
@media (max-width:800px) {
#page,
.layoutWrapper div img { width:97%; }
}
@media (min-width:801px) {
#page,
.layoutWrapper div img { width:776px; }
} 대표적인 모바일 기기 해상도
| iPhone | 480*320 |
| iPhone4 | 960*640 |
| iPad | 1024*768 |
| 모토로이 | 854*480 |
| 모토로라 드로이드 | 854*480 |
| HTC 디자이너(넥서스원) | 800*480 |
| 옵티머스Q | 800*480 |
| 갤럭시A | 800*480 |
| 갤럭시S | 800*480 |
| 시리우스 | 800*480 |
| 베가 | 800*480 |
| 마이터치 | 480*320 |
| 팜 프리 | 480*320 |