本文探讨了不同设备的DPR（设备像素比）、屏幕宽度与分辨率对网页设计和应用适配的重要性，涵盖了各类手机、平板和PC的规格，以及如何针对这些设备进行针对性的DeviceJudgement.
Device judgement
width is screen width
| DPR \width | < 480 | 480-759 | 760-960 | 960-1023 | 1024-1280 | 1366 | 1920 |
|---|---|---|---|---|---|---|---|
| 1 | - | - | - | - | PC | - | PC |
| 1.5 | - | - | - | - | PC | - | PC |
| 2 | Samsung2\iPhoneSE | iPhoneSE | Samsung2 | - | PC/iPad | PC/iPad Pro | PC |
| 3 | iPhone\Samsung3 | - | iPhone | - | PC | - | - |
| 4 | Samsung4 | - | Samsung2/3/4 | - | - | - | - |
Phone List
| DPR\Phone | Type | width | height | Device |
|---|---|---|---|---|
| 2 | iPad | 810 | 1080 | iPad |
| 2 | iPad Air | 820 | 1180 | iPad |
| 2 | iPad Pro | 834 | 1194 | iPad |
| 2 | iPad Pro 12.9 inch | 1024 | 1366 | iPad |
| 2 | iPad Mini | 744 | 1133 | iPad |
| 2 | iPhone SE 2 | 375 | 667 | iPhoneSE |
| 2.65 | Galaxy Note 20 Linux | 412 | 915 | Samsung2 |
| 3 | iPhone 11 Pro | 375 | 812 | iPhone |
| 3 | iPhone 11 Pro Max | 414 | 896 | iPhone |
| 3 | iPhone 12/13 plus pro | 390 | 844 | iPhone |
| 3 | iPhone 12/13 mini | 375 | 812 | iPhone |
| 3 | iPhone 12/13 pro max | 428 | 926 | iPhone |
| 3.5 | Galaxy Note 20 Ultra Linux | 412 | 883 | Samsung3 |
| 3.5 | Galaxy S20 Ultra Linux | 412 | 912 | Samsung3 |
| 3.75 | Galaxy S20+ Linux | 384 | 854 | Samsung3 |
| 4 | Galaxy S10/S10+ Linux | 360 | 760 | Samsung4 |
| 4 | Galaxy S20 Linux | 360 | 800 | Samsung4 |
Table PC List
| No\Phone | width | height | DPR |
|---|---|---|---|
| 1 | 1024 | 768 | 1/2 |
| 2 | 1280 | 768 | 1/2/3 |
| 3 | 1360 | 768 | 1/2 |
| 4 | 1440 | 900 | 1/2 |
| 5 | 1600 | 900 | 1/2 |
| 6 | 1920 | 900 | 1/2 |
扫一扫
581
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
