### [SCREEN SIZ.ES](https://hello123.com/)

**Published:** 2026-10-27T07:00:00

**Author:** hello123

**Excerpt:** SCREEN SIZ.ES提供智能手机、平板、显示器等设备屏幕尺寸、分辨率、DPI、CSS单位尺寸等详尽数据，…

打开 SCREEN SIZ.ES，可以查询主流设备的 CSS 视口（viewport）、物理分辨率、DPI、物理尺寸（毫米）和媒体查询断点建议值。这些参数原本分散在厂商开发者文档、Wikipedia 和 MDN 三处。该数据库免费、无广告，平均加载 1.2 秒，覆盖智能手机、平板、显示器、智能手表四大类。官网：[screensiz.es](http://screensiz.es/)。

## SCREEN SIZ.ES 的核心数据字段

每台设备页面包含六个字段，数据全部来自厂商官方技术文档：

| 字段  | 含义  | 示例值 |
| :--- | :--- | :--- |
| 显示类型 | 屏幕面板技术 | LCD、OLED、AMOLED |
| 屏幕比例 | 宽高比 | 16:9、18:9、19.5:9 |
| DPI | 每英寸像素数 | 460 ppi |
| 物理分辨率 | 屏幕硬件像素 | 1920×1080 |
| CSS 单位尺寸 | 浏览器逻辑像素 | 393×852 |
| 物理尺寸 | 实际毫米尺寸 | 70.6×146.6 |

对前端开发最实用的是 CSS 单位尺寸和媒体查询建议值。点击设备即可直接获得 `@media (min-width: 393px)` 断点，无需再换算设备像素比（device pixel ratio）。设计师则常用物理尺寸字段制作高保真原型。

## 三步完成设备规格查询

整个查询流程极短，全程无需登录、无弹窗：

1.  浏览器打开 [screensiz.es](http://screensiz.es/)
2.  在搜索框输入设备名（如 "iPhone 15"），或按类型筛选
3.  点击目标设备，复制 CSS 媒体查询断点或物理尺寸字段

## 与 ProtoFluid、Viewport Resizer 的取舍

SCREEN SIZ.ES 与动态响应式测试工具并非直接竞品，但开发者常需在两者间做选择。对比表如下：

| 维度  | SCREEN SIZ.ES | ProtoFluid / Viewport Resizer |
| :--- | :--- | :--- |
| 主要功能 | 静态屏幕规格数据库 | 动态响应式渲染测试 |
| 数据来源 | 厂商官方技术文档 | 浏览器 UA 模拟 |
| 实时渲染 | 不支持 | 支持  |
| CSS 断点建议值 | 直接给出 | 需自己测算 |
| 商业模式 | 完全免费、无广告 | 部分有 Pro 版 |

简单区分：SCREEN SIZ.ES 提供参数，ProtoFluid 提供渲染。两者功能互补。

## SCREEN SIZ.ES 不解决什么问题

该平台一个较明显的短板是没有实时渲染功能。拿到 393px 断点后，仍需打开 Chrome DevTools 才能查看布局的实际效果。如果想测试“导航栏在 iPhone 15 Pro 上会不会换行”，SCREEN SIZ.ES 无法提供帮助，它只负责回答视口尺寸是 393×852。此外，该网站不提供设备版本对比，例如无法直接查看 iPhone 12 与 iPhone 15 的规格差异。

{"@context":"https://schema.org","@graph":\[{"@type":"Organization","@id":"https://hello123.com/#organization","name":"Hello123","url":"https://hello123.com/"},{"@type":"WebSite","@id":"https://hello123.com/#website","url":"https://hello123.com/","name":"Hello123","publisher":{"@id":"https://hello123.com/#organization"},"inLanguage":"zh-CN"},{"@type":"WebPage","@id":"https://hello123.com/%E8%AE%BE%E8%AE%A1%E5%88%A9%E5%99%A8/screen-siz-es-317/","url":"https://hello123.com/%E8%AE%BE%E8%AE%A1%E5%88%A9%E5%99%A8/screen-siz-es-317/","name":"SCREEN SIZ.ES - 设备屏幕尺寸查询工具","isPartOf":{"@id":"https://hello123.com/#website"},"inLanguage":"zh-CN"},{"@type":"BreadcrumbList","itemListElement":\[{"@type":"ListItem","position":1,"name":"首页","item":"https://hello123.com/"},{"@type":"ListItem","position":2,"name":"设计利器","item":"https://hello123.com/%E8%AE%BE%E8%AE%A1%E5%88%A9%E5%99%A8/"},{"@type":"ListItem","position":3,"name":"SCREEN SIZ.ES - 设备屏幕尺寸查询工具","item":"https://hello123.com/%E8%AE%BE%E8%AE%A1%E5%88%A9%E5%99%A8/screen-siz-es-317/"}\]},{"@type":"Article","@id":"https://hello123.com/%E8%AE%BE%E8%AE%A1%E5%88%A9%E5%99%A8/screen-siz-es-317/#article","headline":"SCREEN SIZ.ES - 设备屏幕尺寸查询工具","description":"SCREEN SIZ.ES提供智能手机、平板、显示器等设备屏幕尺寸、分辨率、DPI、CSS单位尺寸等详尽数据，免费且无广告。帮助UI/UX设计师与前端开发者优化响应式设计，确保跨设备显示一致性。","publisher":{"@id":"https://hello123.com/#organization"},"inLanguage":"zh-CN","datePublished":"2026-07-11T19:01:30.344Z","dateModified":"2026-07-28T16:26:34.658Z","author":{"@type":"Organization","name":"Hello123 编辑团队"},"mainEntityOfPage":{"@type":"WebPage","@id":"http://screensiz.es/"},"isPartOf":{"@id":"https://hello123.com/%E8%AE%BE%E8%AE%A1%E5%88%A9%E5%99%A8/screen-siz-es-317/"},"citation":\[{"@type":"CreativeWork","@id":"https://designtoolmark.com/zh/resources/detail/screensizes","name":"designtoolmark.com"},{"@type":"CreativeWork","@id":"https://www.uied.cn/posts/67959","name":"uied.cn"},{"@type":"CreativeWork","@id":"https://www.zmt.wiki/sites/10296.html","name":"zmt.wiki"},{"@type":"CreativeWork","@id":"https://screensiz.es/","name":"screensiz.es"},{"@type":"CreativeWork","@id":"https://36kr.com/p/1641735405569","name":"36kr.com"}\],"about":\[{"@type":"Thing","name":"屏幕尺寸","additionalType":"https://schema.org/Concept"},{"@type":"Thing","name":"响应式设计","additionalType":"https://schema.org/Concept"},{"@type":"Thing","name":"UI/UX设计","additionalType":"https://schema.org/Concept"},{"@type":"Thing","name":"前端开发","additionalType":"https://schema.org/Concept"},{"@type":"Thing","name":"设备分辨率","additionalType":"https://schema.org/Concept"},{"@type":"Thing","name":"SCREEN SIZ.ES","additionalType":"https://schema.org/Product"}\]},{"@type":"FAQPage","mainEntity":\[{"@type":"Question","name":"SCREEN SIZ.ES 的数据来源是什么？","acceptedAnswer":{"@type":"Answer","text":"数据来自设备厂商官方技术文档（Apple、Samsung、Google 公开规格页面），避免社区众包数据误差。"}},{"@type":"Question","name":"SCREEN SIZ.ES 是否提供响应式设计测试功能？","acceptedAnswer":{"@type":"Answer","text":"不提供。只给分辨率、DPI 等静态规格参数，布局渲染需配合 Chrome DevTools 或 ProtoFluid。"}},{"@type":"Question","name":"SCREEN SIZ.ES 是否收费？","acceptedAnswer":{"@type":"Answer","text":"完全免费，无广告、无登录、无功能限制、无水印。站点明确声明免费提供给设计和开发社区使用。"}},{"@type":"Question","name":"SCREEN SIZ.ES 的数据更新频率如何？","acceptedAnswer":{"@type":"Answer","text":"数据随新设备发布同步更新。官网未公开具体更新延迟，但主流旗舰机型通常在发售后短期内即可查询到。"}}\]}\]}



---