SheepDev

CSS 单位计算

CSS 单位计算可在浏览器中按明确字体与视口条件转换 px、rem、em、vw、vh。

CSS 单位计算

⌂ 输入和结果仅在此浏览器中处理,不会自动保存或发送。

设置
等待输入

输入与条件

设置

输出

等待输入

完整文本结果

使用方法

选择源与目标单位,按需要输入根字号、元素基准字号和视口尺寸。

16px 不总是 1rem。工具不读取网站 CSS,实际页面还需检查计算样式和文字放大效果。

示例

16

原理与限制

每个输入限1,048,576字节,输出限33,554,432字节,处理时间限5,000毫秒。输入不会被静默截断。

指南

相关工具

数值、单位与位

比例与宽高比

比例与宽高比可在浏览器中约简整数比并检查宽高比。

Web、UI与CSS

Flexbox 与 Grid 生成

Flexbox 与 Grid 生成可在浏览器中根据 Flexbox/Grid 设置生成并预览布局 CSS。