디바이스 해상도별 모바일 웹 미리보기
디바이스 해상도
해상도 |
삼성 |
LG |
Apple |
|
320 x 480 |
|
옵티머스1 |
아이폰 3 |
|
480 x 800 |
갤럭시 S1 갤럭시 S2 |
|
|
넥서스 S 넥서스 One |
640 x 960 |
|
|
아이폰 4 |
|
640 x 1136 |
|
|
아이폰 5 |
|
720 x 1280 |
갤럭시 S2 HD 갤럭시 S3 갤럭시 노트2 |
옵티머스G |
|
갤럭시 넥서스 |
750 x 1334 |
|
|
아이폰 6 |
|
768 x 1024 |
|
옵티머스뷰 |
아이패드 1 아이패드 2 아이패드 미니 |
|
768 x 1280 |
|
|
|
넥서스 4 |
800 x 1280 |
갤럭시탭 10.1 갤럭시노트 1 |
G패드 10.1 |
|
넥서스 7 |
1080 x 1920 |
갤럭시 S4/S5 갤럭시노트 3 |
옵티머스G 프로 G2 |
|
넥서스 5 |
1200 x 1920 |
|
G패드 8.3 |
|
넥서스 7 (2013) |
1242 x 2208 |
|
|
아이폰 6 Plus |
|
1440 x 2560 |
갤럭시 S6 갤럭시노트 4 |
G3/G4 |
|
|
1536 x 2048 |
|
|
아이패드미니 레니타 아이패드에어 2 |
|
1600 x 2560 |
갤럭시탭 S |
|
|
넥서스 10 |
@media only screen and (max-width: 480px) {
@media only screen and (max-width: 767px) {
@media only screen and (max-width: 1023px) {
@media screen and (min-width: 1024px) {
@media screen and (min-width: 1200px) {
'웹프로그래밍 > 기타' 카테고리의 다른 글
데이터 스크랩핑 (0) | 2023.05.09 |
---|---|
폰갭설치하기 (0) | 2016.03.05 |
HTML5 반응형 웹사이트 템플릿 (0) | 2015.07.01 |
htaaccess www 붙이기 (0) | 2015.04.20 |