最后修改时间:2026年5月20日
下表整理常见屏幕分辨率、显示比例、使用占比和典型设备类型,可作为网页布局、响应式断点和兼容性测试的参考。实际项目中还应结合自己网站的访问统计数据。
| 屏幕分辨率 | 显示比例 | 使用占比 | 常见设备或屏幕尺寸 |
|---|---|---|---|
| 1366x768 | 16:9 | 19.1% | 14 英寸笔记本、15.6 英寸笔记本、18.5 英寸显示器 |
| 1920x1080 | 16:9 | 9.4% | 21.5 英寸显示器、23 英寸显示器、1080p 电视 |
| 1280x800 | 8:5 | 8.5% | 14 英寸笔记本 |
| 320x568 | 9:16 | 6.4% | 4 英寸手机 |
| 1440x900 | 8:5 | 5.7% | 19 英寸显示器 |
| 1280x1024 | 5:4 | 5.5% | 19 英寸显示器 |
| 320x480 | 2:3 | 5.2% | 3.5 英寸手机 |
| 1600x900 | 16:9 | 4.6% | 20 英寸显示器 |
| 768x1024 | 3:4 | 4.5% | 9.7 英寸平板 |
| 1024x768 | 4:3 | 3.9% | 15 英寸显示器 |
| 1680x1050 | 8:5 | 2.8% | 22 英寸显示器 |
| 360x640 | 9:16 | 2.3% | 常见手机竖屏视口 |
| 1920x1200 | 8:5 | 1.7% | 24 英寸显示器 |
| 720x1280 | 9:16 | 1.6% | 常见安卓手机竖屏 |
| 480x800 | 3:5 | 1.1% | 早期智能手机 |
| 1360x768 | 16:9 | 0.9% | 笔记本和小尺寸显示器 |
| 1280x720 | 16:9 | 0.9% | 720p 电视或小屏笔记本 |
统计数据来源于无涯在线工具箱历史访问样本,时间为 2014 年 2 月。由于设备市场变化很快,当前项目应优先参考自身统计工具中的最新视口宽度、设备类型和转化数据。
不应该。现代网站应使用响应式布局,根据内容和设备宽度设置断点,而不是只针对某一个固定分辨率。
不一样。屏幕分辨率是设备物理或逻辑显示尺寸,浏览器视口还会受到窗口大小、缩放比例、系统 UI 和地址栏影响。