Screensiz.es

Screensiz.es官网

Screensiz.es 是一个轻量、纯粹的设备屏幕尺寸数据库网站，screensiz.es 以一张可对比的数据表格，收录了台式显示器、笔记本、智能手机、平板电脑等数百款主流设备的屏幕参数，包括物理尺寸、物理分辨率、CSS 视口宽度（Device Width）、PPI、像素密度、宽高比、厂商与流行度等字段。它的最大价值在于同时提供”物理像素”与”CSS 逻辑分辨率”两套数值，帮助前端开发者和 UI 设计师快速理解设备像素比（DPR），确定响应式断点与设计稿尺寸。网站无需注册、无任何操作门槛，打开即查，每台设备还有详情页。做移动端适配时，如果你还需要快速产出界面演示物料，可以搭配站内收录的Mock.Club或MockupBro使用。

Screensiz.es的主要功能

1. 设备屏幕参数总表：以表格形式横向展示所有设备的屏幕数据，支持按系统、厂商、流行度等维度浏览和比较。
2. 双套分辨率数据：同时给出物理分辨率（如 750×1334）与 CSS 视口宽度（如 375），直击移动端适配中最容易混淆的概念。
3. PPI 与像素密度：标注每英寸像素数及密度等级（MDPI/HDPI/XHDPI/XXHDPI 等），方便评估显示精度。
4. 宽高比参考：列出 16:9、3:2、19.5:9 等宽高比，为设计稿比例和视频画幅选择提供依据。
5. 设备详情页：每台设备拥有页面，URL 简洁直观（如 screensiz.es/iphone-12），便于收藏与分享。
6. 全品类覆盖：数据横跨 Apple、三星、Google Pixel、小米、华为、Surface、Kindle 等多个品牌与品类。

如何使用Screensiz.es

1. 打开 screensiz.es 官网，主页即为全部设备的参数表格。
2. 通过表头或筛选定位目标设备类别，如智能手机、平板、笔记本或显示器。
3. 找到目标机型，读取其物理尺寸、物理分辨率、Device Width、PPI 等字段。
4. 对比多台候选机型的数据，确定设计稿基准宽度或媒体查询断点。
5. 需要深入查看时，点击设备名称进入详情页，获取完整参数并复制链接分享给同事。

Screensiz.es的使用场景

1. 响应式开发：查询主流机型的 CSS 视口宽度，为媒体查询设定合理的断点区间。
2. UI 设计稿定稿：确定以哪款机型的逻辑分辨率作为设计基准，减少后续适配返工。
3. 测试机型筛选：按分辨率与像素密度挑选覆盖面广的代表设备。
4. 产品演示与汇报：在方案文档中引用准确的屏幕参数，让适配策略更有说服力。
5. 样机展示：确定机型尺寸后，可用站内的AppScreenshots或Appshots生成对应规格的截图与样机物料。

Screensiz.es的常见问题解答

Screensiz.es 是免费的吗？需要注册吗？

完全免费，无需注册登录，打开网页即可直接查询所有设备数据。

数据包含哪些设备？覆盖到什么时候？

覆盖台式显示器、笔记本、手机和平板四大类数百款设备，时间跨度约 2006 至 2020 年；较新的机型（如 iPhone 12 之后的产品）未收录，使用时需注意数据时效。

物理分辨率和 Device Width 有什么区别？

物理分辨率是屏幕实际像素数，Device Width 是浏览器布局使用的 CSS 逻辑宽度，两者比值即设备像素比（DPR），移动端适配主要依据后者。确定尺寸后若需制作演示样机，可参考站内的Mock.Club等样机资源站。

Screensiz.es官网网址

Screensiz.es官网入口网址：http://screensiz.es

OpenI AI时代点评

Screensiz.es 的优点非常突出：表格化呈现、双套分辨率并列、字段维度完整，是理解”物理像素 vs CSS 像素”最直观的速查表之一，对前端新手尤其友好；纯静态、无广告干扰、详情页 URL 可直接引用，作为团队文档里的参考链接也很合适。它的短板同样明显——数据停留在 2020 年前后的机型，iPhone 13 以后的新设备、近年的折叠屏与高刷屏均未收录，无法作为最新机型的权威来源；界面也多年未更新，缺少搜索与高级筛选能力。适用人群方面，它适合需要理解适配原理、查询经典机型参数的前端与设计学习者，以及做兼容性基线梳理的团队；查询最新旗舰机型参数时，建议再配合官方规格页交叉验证。总体而言，这是一款”小而美”的经典工具，价值在于概念清晰而非数据最新。