@media only screen and (min-width:320px) and (max-width:429px) {

}

@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
 

'all' 카테고리의 다른 글

popup  (0) 2011.11.15
png24  (0) 2011.11.11
한글 서체별 이름  (0) 2011.11.02
ie9 이하 브라우저를 웹표준 브라우저로 대응할 수 있도록 해주는 자바스크립트 라이브러리  (0) 2011.11.02
css reset  (0) 2011.11.02

+ Recent posts