菜单
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

像素到 EM 转换 工具


像素到 EM 转换器

下面的工具允许您计算 EM 的大小(以像素为单位,反之亦然)。

  • 设置 body 的默认像素大小(通常为 16px)
  • 然后,根据默认像素大小将像素值转换为 EM
  • 或者,根据默认像素大小将 EM 值转换为像素

设置默认像素大小

px

转换 PX 为 EM
px

转换 EM 为 PX
em


结果:


Body 字体大小

在下面的表格中,选择一个以像素 (px) 为单位的 body 字体大小,以显示完整的“px 到 em 和百分比”转换表。

提示: 默认字体大小通常是 16px。

PX、EM 和百分比之间有什么区别?

像素是静态测量单位,而百分比和 EM 是相对测量单位。EM 或百分比的大小取决于其父元素。如果 body 的文本大小是 16 像素,则 150% 或 1.5 EM 将等于 24 像素(1.5 * 16)。有关更多测量单位,请参阅 CSS 单位


×

联系销售

如果您想将 W3Schools 服务用于教育机构、团队或企业,请发送电子邮件给我们
sales@w3schools.com

报告错误

如果您想报告错误,或想提出建议,请发送电子邮件给我们
help@w3schools.com

W3Schools 经过优化,旨在方便学习和培训。示例可能经过简化,以提高阅读和学习体验。教程、参考资料和示例会不断审查,以避免错误,但我们无法保证所有内容的完全正确性。使用 W3Schools 即表示您已阅读并接受我们的使用条款Cookie 和隐私政策

版权所有 1999-2024 Refsnes Data。保留所有权利。W3Schools 由 W3.CSS 提供支持