学html5编程———Px、Em 换算工具 前段大G > 关于我 > 实用文章 >

学html5编程———Px、Em 换算工具

以下工具提供了em和px的换算工具。

第一个输入框:设置了网页默认的字体像素 (通常 16px)
第二个输入框:输入像素值,可以将 px 换算为 em。
第三个输入框:输入em(相对长度单位)值,可以将 em 换算为 px。

文本字体大小

下表列出了在网页字体默认值为 16px 时, px 和 em 及网页字体百分比的换算数据。

px em 百分比
5px 0.3125em 31.25%
6px 0.3750em 37.50%
7px 0.4375em 43.75%
8px 0.5000em 50.00%
9px 0.5625em 56.25%
10px 0.6250em 62.50%
11px 0.6875em 68.75%
12px 0.7500em 75.00%
13px 0.8125em 81.25%
14px 0.8750em 87.50%
15px 0.9375em 93.75%
16px 1.0000em 100.00%
17px 1.0625em 106.25%
18px 1.1250em 112.50%
19px 1.1875em 118.75%
20px 1.2500em 125.00%
21px 1.3125em 131.25%
22px 1.3750em 137.50%
23px 1.4375em 143.75%
24px 1.5000em 150.00%
25px 1.5625em 156.25%

这篇学html5编程———Px、Em 换算工具,文章就结束了,有不懂的地方可以联系站长。希望每个前端人员都有可以找到一个好工作,谢谢观看,祝您生活愉快。

前端大G 2023-12-04 14:47 文章点击量: 作者:【前端大G

文章标签: HTML,是什么,、,换算,工具,以下,工具,提供,了,