메뉴 건너뛰기
| Company | Model | Diagonal cm/in | Resolution | Viewport |
| Apple | iPad - 1st Gen, 2 | 25 (9.7) | 1024 x 768 | 768 x 1024 |
| Apple | iPad - 3rd Gen, 4th Gen | 25 (9.7) | 2048 x 1536 | 768 x 1024 |
| Apple | iPad Mini - 1st Gen | 20 (7.9) | 1024 x 768 | 768 x 1024 |
| Apple | iPhone 4 / iPod Touch | 8.9 (3.5) | 960 x 640 | 320 x 480 |
| Apple | iPhone 4S / iPod Touch | 8.9 (3.5) | 960 x 640 | 320 x 480 |
| Apple | iPhone 5 | 10 (4) | 1136 x 640 | 320 x 568 |
| Apple | iMac 21.5-inch | 55 (21.5) | 1920 x 1080 | 1920 x 1080 |
| Apple | iMac 27-inch | 69 (27) | 2560 x 1440 | 2560 x 1440 |
| Blackberry | BlackBerry PlayBook | 18 (7) | 1024 x 600 | 600 x 1024 |
| Blackberry | BlackBerry Z10 | 11 (4.2) | 1280 x 768 | 345 x 521 |
| Nokia | Lumia 710 | 9.4 (3.7) | 800 x 480 | 320 x 480 |
| Motorola | Motorola Defy | 9.4 (3.7) | 854 × 480 | 320 x 569 |
| Motorola | Motorola Droid | 9.4 (3.7) | 480 x 854 | 360 x 599 |
| Motorola | Motorola Droid Razr | 11 (4.3) | 540 x 960 | 360 x 640 |
| Motorola | Motorola Razr HD 4G | 12 (4.7) | 720 x 1280 | 360 x 598 |
| Motorola | Motorola Milestone | 9.4 (3.7) | 480 x 854 | 320 x 569 |
| Motorola | Motorola Xoom | 25.7 (10.1) | 800 x 1280 | 800 x 1280 |
| Nokia | Lumia 800 | 9.4 (3.7) | 800 x 480 | 320 x 480 |
| Nokia | Lumia 820 | 11 (4.3) | 800 x 480 | 320 x 480 |
| Nokia | Lumia 900 | 11 (4.3) | 800 x 480 | 320 x 480 |
| Nokia | Lumia 920 | 11 (4.5) | 1280 x 768 | 320 x 480 |
| Nokia | Lumia 1020 | 11 (4.5) | 1280 x 768 | - |
| Samsung | Galaxy W (I8150) | 9.4 (3.7) | 480 x 800 | - |
| Samsung | Galaxy S | 10 (4.0) | 480 x 800 | 320 x 534 |
| Samsung | Galaxy SII | 10.8 (4.27) | 480 x 800 | 320 x 533 |
| Samsung | Galaxy S III (I9300) | 12 (4.8) | 720 x 1280 | 360 x 640 |
| Samsung | Galaxy S4 (I9500) | 13 (5) | 1080 x 1920 | - |
| Samsung | Galaxy Nexus | 11.8 (4.65) | 720 x 1280 | 320 x 532 |
| Samsung | Galaxy Tab | 18 (7) | 600 x 1024 | 600 x 1024 |
| Samsung | Galaxy Tab 7.7 | 20 (7.7) | 800 x 1280 | 800 x 1280 |
| Samsung | Galaxy Tab 10.1 | 26 (10.1) | 800 x 1280 | 800 x 1280 |
| Samsung | Galaxy Note | 13 (5.3) | 800 x 1280 | 400 x 640 |
| Samsung | Galaxy Note II | 14.1 (5.55) | 720 x 1280 | 360 x 640 |
| Samsung | Galaxy Note 10.1 | 26 (10.1) | 1280 x 800 | 800 x 1280 |
| Sony | Sony Vaio Z92 | 33 (13.1) | 1600 x 900 | - |
| Sony | Sony Vaio Z128 | 33 (13.1) | 1920 x 1080 | - |
| Sony | Sony Vaio F series | 42 (16.4) | 1920 x 1080 | - |
| Sony | Xperia S | 11 (4.3) | 720 x 1280 | 360 x 640 |
| Sony | Xperia Sola | 9.4 (3.7) | 480 x 854 | 320 x 569 |
| Sony | Xperia U | 8.9 (3.5) | 854 x 480 | 320 x 569 |
| Sony | Xperia Ion | 11.6 (4.55) | 720 x 1280 | - |
| Sony | Xperia Z | 13 (5) | 1920 x 1080 | 360 x 598 |
| Sony | Xperia E | 8.9 (3.5) | 320 x 480 | 320 x 480 |
-
Box CSS
-
둥근 모서리 박스 css
-
메뉴 텍스트(text)에 그림자 효과 주기
-
네이버 나눔글꼴 적용
-
<iframe>으로 올린 유투브 동영상 z-index 문제
-
IIS7 에서 woff MIME 등록하기.
-
모바일 실제 해상도와 device-width
-
모바일 체크박스 변경 마크업
-
CSS background-repeat 이해하기
-
light박스 css로 흉내내기
-
css를 이용한 테이블 가운데 정렬
-
말줄임
-
HTML 목록 태그와 CSS를 활용하여 깔끔한 목록 스타일을 만드는 방법 / CSS list-style
-
CSS3를 이용하여 둥근모서리 박스 만들기
-
중급 사용자를 위한 CSS 선택자에 관한 지식 / CSS에서 마우스 동작을 감지하는 방법
-
웹 브라우저에 [가로 스크롤 안생기게 하기]
-
인쇄할때 페이지 나누는 br 태그
-
폼을 투명하게
-
텍스트 ime모드 속성
-
링크 오버속성+버튼 디자인
© 2016 JOSHI. All Rights Reserved
© k2s0o1d4e0s2i1g5n. All Rights Reserved
