计算或操作算例
根字号20px时,10px=0.5rem,30px=1.5rem。若换成16px根字号,同样的30px会得到1.875rem。
配色排版 · 实用工具
rem取决于根元素的字号,不能在任何页面都假设1rem等于16px。先填写目标页面实际根字号,再把多个尺寸一次转换,结果才有明确的使用前提。
以用户设置根字号换算,可生成多项尺寸对照,不混淆浏览器默认值与实际样式。
填写或调整参数后开始处理。
px转rem用像素值除以根字号;rem转px则乘以根字号。输入列表可用空格或逗号分隔,支持正负数和小数,最多100项。负值在margin或定位等属性中可能有意义,但不代表所有CSS属性都允许负值。
em通常依赖相关元素的字号,而rem依赖根元素,两者不能混用。这里的px是CSS像素,不等于设备物理像素或固定毫米长度。浏览器缩放、设备像素比和用户字体设置会影响最终显示。
根字号20px时,10px=0.5rem,30px=1.5rem。若换成16px根字号,同样的30px会得到1.875rem。
可以,数值换算支持负数,但最终CSS属性是否允许该值需要自行确认。
本工具转换的是样式单位关系,不会抵消浏览器缩放或用户字体偏好。