日常计算 / CLEARBYTE
CSS 像素转设备像素计算器
将每个 CSS 尺寸乘以设备像素比，得到缓冲区尺寸。800 × 600 CSS 像素、比值 2 时，需要 1,600 × 1,200 设备像素。
隔离工具 · 网络访问已阻止
公式与方法
Backing width = ceil(CSS width × DPR); backing height = ceil(CSS height × DPR).计算示例
| 输入 | 数值 |
|---|---|
| CSS 宽度 | 800 CSS px |
| CSS 高度 | 600 CSS px |
| 设备像素比 | 2 × |
| 结果 | 数值 |
|---|---|
| 向上取整的缓冲区宽度 | 1,600 px |
| 向上取整的缓冲区高度 | 1,200 px |
| 缓冲区总像素数 | 1,920,000 |
比较情景
仅改变第一个输入，其余示例输入保持不变。这些是计算情景，并非预测。
| 比较情景 | CSS 宽度 CSS px | 向上取整的缓冲区宽度 | 向上取整的缓冲区高度 | 缓冲区总像素数 |
|---|---|---|---|---|
| −20% | 640 | 1,280 px | 1,200 px | 1,536,000 |
| 示例 | 800 | 1,600 px | 1,200 px | 1,920,000 |
| +20% | 960 | 1,920 px | 1,200 px | 2,304,000 |
假设与限制
各尺寸向上取整以避免分配小数像素。比值手动输入，本工具不检测屏幕；浏览器、缩放及图像渲染方式会影响显示效果。
显示结果经过四舍五入。计算使用未舍入的 JavaScript 数值，可能存在微小的浮点误差。
在浏览器中运行
交互工具在禁止网络访问的沙盒中运行。ClearByte 和广告脚本无法读取其中的输入值。浏览器扩展和已遭入侵的设备不在此保护范围内。
来源与定义
方法核验日期: