PX 至 REM
将 px 转换为 rem — 立即在浏览器中进行转换,无需上传任何内容。
Convert a whole CSS block
CSS with rem values
使用 rem 而不是 px 调整大小可以让您的布局随着用户的浏览器字体大小设置而缩放,这更有利于可访问性。这个免费的 px 到 rem 转换器根据您的根字体大小(默认为 16px)进行数学计算,并且还可以一次重写整个 CSS 块,将每个 px 值替换为其等效的 rem 值。一切都在您的浏览器中运行,因此无需上传任何内容,并且加载后即可离线工作。
常见问题解答
如何将 px 转换为 rem?
在上面的框中输入一个值,转换后的结果会立即显示,使用您设置的根字体大小(16px 是浏览器默认值)。要一次转换多个值,请将整个 CSS 块粘贴到第二个框中,每个 px 值都会自动重写为 rem。
公式是什么?
rem = px ÷ 根字体大小。使用默认的 16px 根,24px 变为 1.5rem。如果您的项目设置了不同的根字体大小,请更改基本字段,所有内容都会重新计算。
为什么使用雷姆?
rem 会根据用户选择的浏览器字体大小进行缩放,因此对于需要更大字体的用户来说,文本和间距会增加 - 这是固定 px 大小无法实现的可访问性优势。
它会改变 0 值还是其他单位内的值?
零保持为普通 0(不需要单位),并且仅触及 px 值 - 百分比、视口单位和其他长度保持原样。您的 CSS 结构、注释和格式都会被保留。
它是免费且私密的吗?
是的。它是完全免费的,无需注册,并且转换是在浏览器中完成的简单算术 - 无需上传任何内容,并且在页面加载后即可离线工作。