屏幕分辨率与宽高比速查表
把常用设备分辨率按类型分组整理，做响应式设计和视频制作时直接查表。
返回 参考手册手机分辨率 10
320 × 480iPhone 3GS (3:2)
640 × 960iPhone 4/4S (3:2 @2x)
750 × 1334iPhone 6/7/8 (16:9 @2x)
1080 × 1920iPhone 6/7/8 Plus (16:9 @3x)
1125 × 2436iPhone X/XS (19.5:9 @3x)
1170 × 2532iPhone 12/13/14 (19.5:9 @3x)
1290 × 2796iPhone 14 Pro Max (19.5:9 @3x)
720 × 1280Android 720p (16:9)
1080 × 1920Android 1080p (16:9)
1440 × 2560Android 1440p (16:9)
平板分辨率 5
768 × 1024iPad mini / iPad (4:3)
1536 × 2048iPad Retina (4:3 @2x)
1668 × 2388iPad Pro 11" (4:3 @2x)
2048 × 2732iPad Pro 12.9" (4:3 @2x)
1600 × 2560Android 平板 (16:10)
笔记本分辨率 6
1366 × 76813" 笔记本 (16:9)
1440 × 900MacBook Air 11" (16:10)
1920 × 1080Full HD 笔记本 (16:9)
2560 × 1600MacBook Pro 13" Retina (16:10 @2x)
3024 × 1964MacBook Pro 14" (16:10 @2x)
3456 × 2234MacBook Pro 16" (16:10 @2x)
显示器分辨率 6
1280 × 720HD 720p (16:9)
1920 × 1080Full HD 1080p (16:9)
2560 × 1440QHD 1440p (16:9)
3840 × 21604K UHD 2160p (16:9)
5120 × 28805K (16:9)
7680 × 43208K UHD 4320p (16:9)
电视分辨率 4
1280 × 720720p HD (16:9)
1920 × 10801080p Full HD (16:9)
3840 × 21604K UHD (16:9)
7680 × 43208K UHD (16:9)
常见宽高比 7
1:1正方形（Instagram 帖子）
4:3传统电视、iPad
16:9宽屏电视、YouTube 视频
16:10MacBook、部分显示器
21:9超宽屏显示器、电影
9:16竖屏视频（TikTok、Reels）
1:1.91Facebook 链接预览
💡 提示
- Retina 显示器的物理分辨率是逻辑分辨率的 2x 或 3x，CSS 中使用逻辑分辨率。
- 响应式设计断点常用：320px (手机)、768px (平板)、1024px (小屏笔记本)、1280px (桌面)。
- 视频制作时 16:9 是标准宽高比，社交媒体可能需要 1:1 或 9:16。
- 使用 viewport meta 标签和媒体查询适配不同设备。
- 设计稿通常按 2x 或 3x 输出，开发时除以倍率得到 CSS 尺寸。