如何使用

选择尺寸、CSS 或实体屏幕模式，使用八个预设或输入正数自定义比例。
输入已知尺寸、合法 CSS 长度，或实体尺寸／对角线及单位；可添加命名实体方案。
计算完整表格。单独复制 CSS，或复制／下载固定数值报告；编辑会清除旧结果。

数值与报告

接受正有限小数，不设置任意尺寸上限。空值、不支持的模式／单位、溢出及非零结果下溢至零均被拒绝。整数比例约分依据原始十进制文本并使用精确整数运算。实体尺寸和面积采用浏览器浮点计算；报告保留原始字符串、解析数值、单位、模型及所有完整精度结果行。显示数字不是实测值。

安全 CSS 长度与预览

可选宽度和最大宽度接受 ≤100,000 的正数，后接 px、rem、em、%、vw 或 vh，最多 24 字符。不接受表达式或任意 CSS。宽度留空使用 100%；最大宽度留空则省略。CSS 高/宽比限 0.0001–10,000。静态预览缩放适配区域，不应用输入宽度；CSS 输出限 4,096 字符。

回退结构

使用生成的外层 ratio-frame、内层 ratio-box 和 ratio-content。外层控制宽度；回退内层使用 height: 0 和高/宽 × 100% 的 padding-top，内容绝对定位 inset: 0。支持规则先将高度改为 auto、内边距改为 0，再应用 aspect-ratio。全部本地运行。

实体尺寸与方案

每个命名方案选择宽加高，或对角线加比例。线性换算常数为 1 英寸 = 2.54 厘米 = 25.4 毫米，1 英尺 = 12 英寸；面积使用输出单位的平方。正数像素尺寸可定义比例，不能确定实体屏幕大小。复制报告与 TXT 导出包含同一固定快照；复制 CSS 仅含 CSS。

常见问题

你可能还想知道

接受小数比例吗？

接受正有限小数；仅当两部分均为整数时显示约分比例。

为什么需要外层容器？

百分比内边距依据包含块宽度计算。外层确保回退匹配自定义宽度或最大宽度。

预览会应用宽度单位吗？

不会。预览使用有界尺寸展示比例；生成的 CSS 包含验证后的长度。

像素尺寸能确定对角线吗？

不能。像素只能确定宽:高。请提供实体宽高或实体对角线。

编辑输入后会怎样？

旧结果与导出会清除。重新计算可生成新的固定报告。