EMs，REMs，PXs - 将PT转换为EM / REM

Question

我有以下HTML代码：

<h1>Hello World</h1>

我的风格是：

h1 {font-size:100pt}

如何将此100pt转换为EM＆amp;的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