html - EM、REM、PX - 将 PT 转换为 EM/REM

Question

我有以下 HTML 代码:

<h1>Hello World</h1>

我正在设计它的样式:

h1 {font-size:100pt}

如何将此 100pt 转换为 EM 和 REM？

Answer 1

在 CSS 中，
- pt 是 in 的 1/72，px 是 in 的 1/96。
- px 因此是 0.75pt 或 1pt 等于 1.3333px。

<强>1。 pt转px -

1pt = 1.3333px  
100pt = 1.3333 * 100px = 133.333px

<强>2。 px转em -

 1em = 16px (Typical Assumption)  
 133.333px = ?em = 8.333em

<强>3。将 px 转换为 rem -

10px = .625rem (Assuming `:root` font-size is `16px`)  
133.33px = ?rem = 8.33rem