关于 屏幕分辨率数据库
屏幕分辨率数据库收录了主流移动设备、平板、桌面显示器的屏幕参数,包括物理分辨率、逻辑分辨率、设备像素比(DPR)、对角线尺寸和DPI。设计师和开发者可据此进行响应式适配、断点设计与素材切片规划。
关键概念
- 物理分辨率:屏幕硬件像素总数,如2436×1125。
- 逻辑分辨率:CSS使用的独立像素,如812×375。
- DPR:设备像素比=物理/逻辑,决定切片倍数。
- DPI:每英寸像素数,影响视觉清晰度。
- 对角线:屏幕物理尺寸(英寸)。
适配建议
- 移动端断点:375px(iPhone)、414px(iPhone Plus)。
- 平板断点:768px(iPad竖屏)、1024px(iPad横屏)。
- 桌面断点:1280px、1440px、1920px。
- 切图倍数:1x(普通屏)、2x(Retina)、3x(Plus/Pro)。