반응형웹이나 모바일 코딩할때 쓰는 뷰포트를 정리해보려고 합니다.
최신 디바이스나 특정 디바이스는 정보가 없는 경우가 있어 공유합니다.
삼성,애플만 나누고 오래된 디바이스는 포함하지 않습니다.
Samsung
| Device |
Viewport |
Resolation |
Ratio |
| Samsung Galaxy S21 |
360 * 800 |
1080 * 2400 |
3 |
| Samsung Galaxy S21+ |
360 * 800 |
1080 * 2400 |
3 |
| Samsung Galaxy S21 Ultra |
384 * 854 |
1440 * 3200 |
3.75 |
| Samsung Galaxy S20 |
360 * 800 |
1440 * 3200 |
4 |
| Samsung Galaxy S20+ |
384 * 854 |
1440 * 3200 |
3.75 |
| Samsung Galaxy S20 Ultra |
412 x 915 |
1440 * 3200 |
3.5 |
| Samsung Galaxy S20 FE |
412 * 914 |
1080 * 2400 |
2.625 |
| Samsung Galaxy S10 |
360 * 760 |
1440 * 3040 |
4 |
| Samsung Galaxy S10+ |
412 * 869 |
1440 * 3040 |
3.5 |
| Samsung Galaxy S9 |
360 * 740 |
1440 * 2960 |
4 |
| Samsung Galaxy S9+ |
360 * 740 |
1440 * 2960 |
4 |
| Samsung Galaxy S8 |
360 * 740 |
1440 * 2960 |
4 |
| Samsung Galaxy S8+ |
360 * 740 |
1440 * 2960 |
4 |
| Samsung Galaxy Note20 |
412 * 915 |
1080 * 2400 |
2.625 |
| Samsung Galaxy Note20 Ultra |
412 * 883 |
1440 * 3088 |
3.5 |
| Samsung Galaxy Note10 |
412 * 869 |
1080 * 2280 |
2.625 |
| Samsung Galaxy Note10+ |
412 * 869 |
1440 * 3040 |
3.5 |
| Samsung Galaxy Note9 |
414 * 846 |
1440 * 2960 |
3.5 |
| Samsung Galaxy Note8 |
414 * 869 |
1440 * 3040 |
3.5 |
| Samsung Galaxy Z Flip |
412 * 1004 |
1080 * 2636 |
2.625 |
| Samsung Galaxy Z Filp 3 |
360 * 880 |
1080 * 2640 |
3 |
| Samsung Galaxy Z Fold |
768 * 1076 |
1536 * 2152 |
2 |
| Samsung Galaxy Z Fold 2 |
884 * 1104 |
1768 * 2208 |
2 |
| Samsung Galaxy Z Fold 3 |
884 * 1104 |
1768 * 2208 |
2 |
Apple
| Device |
Viewport |
Resolation |
Ratio |
| Apple iPhone 13 Mini |
375 * 812 |
1080 * 2340 |
3 |
| Apple iPhone 13 |
390 * 844 |
1170 * 2532 |
3 |
| Apple iPhone 13 Pro |
390 * 844 |
1170 * 2532 |
3 |
| Apple iPhone 13 Pro Max |
428 * 926 |
1284 * 2778 |
3 |
| Apple iPhone 12 Mini |
375 * 812 |
1080 * 2340 |
3 |
| Apple iPhone 12 |
390 * 844 |
1170 * 2532 |
3 |
| Apple iPhone 12 Pro |
390 * 844 |
1170 * 2532 |
3 |
| Apple iPhone 12 Pro Max |
428 * 926 |
1284 * 2778 |
3 |
| Apple iPhone SE2 |
375 * 667 |
750 * 1334 |
2 |
| Apple iPhone 11 |
414 * 896 |
828 * 1792 |
2 |
| Apple iPhone 11 Pro |
375 * 812 |
1125 * 2436 |
3 |
| Apple iPhone 11 Pro Max |
414 * 896 |
1242 * 2688 |
3 |
| Apple iPhone XR |
414 * 896 |
828 * 1792 |
2 |
| Apple iPhone XS |
375 * 812 |
1125 * 2436 |
3 |
| Apple iPhone XS Max |
414 * 896 |
1242 * 2688 |
3 |
| Apple iPhone 8 |
375 * 667 |
750 * 1334 |
2 |
| Apple iPhone 8 Plus |
414 * 736 |
1080 * 1920 |
2.6 |
| Apple iPhone X |
375 * 812 |
1125 * 2436 |
3 |
| Apple iPhone 7 |
375 * 667 |
750 * 1334 |
2 |
| Apple iPhone 7 Plus |
414 * 736 |
1080 * 1920 |
2.6 |
| Apple iPhone 6s |
375 * 667 |
750 * 1334 |
2 |
| Apple iPhone 6s Plus |
414 * 736 |
1080 * 1920 |
2.6 |
| Apple iPad Pro 12.9″ 5세대(2021) |
1024 * 1366 |
2048 * 2732 |
2 |
| Apple iPad Pro 12.9″ 4세대(2020) |
1024 * 1366 |
2048 * 2732 |
2 |
| Apple iPad Pro 11″ 3세대(2021) |
834 * 1194 |
1668 * 2388 |
2 |
| Apple iPad Pro 11″ 2세대(2020) |
834 * 1194 |
1668 * 2388 |
2 |
| Apple iPad Air 4세대(2020) |
820 * 1180 |
1640 * 2360 |
2 |
| Apple iPad Air 3세대(2019) |
768 * 1024 |
1536 * 2048 |
2 |
| Apple iPad 9세대(2021) |
810 * 1080 |
1620 * 2160 |
2 |
| Apple iPad 8세대(2020) |
810 * 1080 |
1620 * 2160 |
2 |
| Apple iPad 7세대(2019) |
810 * 1080 |
1620 * 2160 |
2 |
| Apple iPad Mini 6세대(2021) |
744 * 1133 |
1488 * 2266 |
2 |
| Apple iPad Mini 5세대(2020) |
768 * 1024 |
1536 * 2048 |
2 |
