CSS 单位转换器 – 在线转换 CSS 长度单位
CSS 单位转换器可在支持的单位之间转换 CSS 长度值，从 px 和 rem 到视口单位和物理单位。设置根字体大小、父字体大小、视口和 DPI 上下文，让相对单位和物理单位能够在您的使用场景中正确解析。转换单个值并查看其等值表示，或使用「convert all in CSS」将粘贴的样式表中的长度统一重写为一个目标单位。
CSS 单位转换器是一款在浏览器中运行的 CSS 单位转换器，用于在支持的单位之间转换 CSS 长度值。它支持 px、rem、em、pt、pc、in、cm、mm、Q、vw、vh、vmin、vmax、%、ch 和 ex 等单位。一次转换一个值，或使用「convert all in CSS」将粘贴的样式表中的长度重写为目标单位。
转换使用可配置的上下文：根字体大小、父字体大小、视口和 DPI。这些设置很重要，因为 CSS 单位的解析方式各不相同。例如，rem 和 em 依赖字体大小上下文，视口单位与视口尺寸相关，物理单位使用 DPI 上下文。当需要结果反映特定上下文时，请先设置好相关值再进行转换。
CSS 长度单位以不同方式表达尺寸和距离。px、pt、cm、in 等单位提供了长度的不同表示，而 rem、em、vw、vh 等单位则依赖字体或视口上下文。当样式表或其他工具需要特定单位时，在它们之间转换可以让数值更易于比较、复用或调整。
CSS 单位转换器完全在浏览器中运行。输入在您的设备上处理，不会发送到服务器；页面加载后，工具无需服务器依赖即可离线工作。因此，您可以在不上传样式表的情况下转换 CSS 值。
该工具面向需要检查、对比或重写 CSS 长度的开发者和运维工程师。无论是核对单个值，还是更新粘贴样式表中的长度，可配置的上下文和单位转换都能帮您得到适合任务的表示方式。
步骤 1：输入或粘贴一个 CSS 长度值；如果要整体转换长度，也可以粘贴整个样式表。
步骤 2：单值转换时，选择源单位和目标单位。
步骤 3：设置相关上下文（例如根字体大小、父字体大小、视口或 DPI），以解析依赖这些值的单位。
步骤 4：对于样式表，切换到「convert all in CSS」模式，并为其中的 CSS 长度选择目标单位。
步骤 5：查看转换后的表示形式，复制需要的数值或样式表。
使用场景：将 CSS 长度转换为另一个工具或系统需要的单位，而不必手动重新计算。
使用场景：一次性查看某个 CSS 值在支持单位或基数下的等值表示，方便核对。
使用场景：当需要统一的表示方式时，将粘贴的样式表中的长度重写为同一个目标单位。
使用场景：通过设置转换所用的根字体大小或父字体大小，对比 rem 或 em 值与其他单位的关系。
使用场景：在检查 CSS 值与特定视口的关系时，使用视口上下文解析基于视口的长度。
使用场景：使用与计算相关的 DPI 上下文，转换 cm 或 in 等物理 CSS 长度。