반응형
*실제 웹뷰 해상도
아이폰3 - 320 x 480 = 320 x 480
아이폰4 - 640 x 960 = 320 x 480
갤럭시s - 480 x 800 = 320 x 533
갤럭시s II lte HD - 720 x 1280 = 360 x 640
갤럽시탭 7인치 - 600 x 1024 = 400 x 686.6
갤넥 - 720 x 1280 = 360 x 640(* 하단에 물리버튼이 없어 소프트키로 대체되어 그만큼의 영역이 빠지게 된다, 실제 height가 다르다)
갤노트 - 800 x 1280 = 400 x 640
아이패드 - 768 x 1024 = 768 x 1024 status 20 / 748 x 1024
갤탭 10.1 - 800 x 1280 = 800 x 1024 status 48 / 752 x 1280
옵티머스 뷰 - 768 x 1024 = 385 x 514
미디어 쿼리 사용시 device-width가 인식이 잘 안된다. 오케스트라 문제인지 일반 웹페이지로 테스트를 해봐야겠다.
min-width로 해결
min-width:360px -> 갤럭시 넥서스 이상
min-width:400px -> 갤럭시 노트 이상
** meta target-densityDpi=device-dpi 를 설정하면 실제 디바이스 해상도로 설정가능하다.
반응형