PX 到 EM 转换器
使用可复制的 CSS 行和实时参考表,以任何基本字体大小将 px 转换为 rem、rem 转换为 px 以及 px 转换为 em。
处理中...
0%
结果
此页面打开 px → em 方向的转换器。算术与 rem 的除法相同(像素除以参考字体大小),但参考不同:em 相对于父元素的字体大小(或者,对于 font-size 本身,元素的继承大小),而不是相对于根。
当您使用 em 时,这种差异就体现出来了:填充应该随着组件自己的文本而增长,用 em 编写的媒体查询,或者当其字体大小发生变化时间距会缩放的按钮。在基本字段中输入父级的实际字体大小 - 如果您的组件位于 14px 文本中,则 21px 的填充为 1.5em,而不是 1.3125em。
结果带有可复制的 CSS 行,参考表显示了根据当前父尺寸转换的常见像素尺寸。当您键入时,所有内容都会在浏览器中实时更新,不会有任何数据离开页面。