EMS，的REM，P-XS - 轉換的PT EM/REM

<h1>Hello World</h1>

我與造型這一點：

h1 {font-size:100pt}

如何轉換這種100pt到新興市場& REMs？

分數是設置測量，ems是相對的，並且rems與主em值（root em）有關。所以沒有辦法將任何東西都轉換成rem，而根據您的平均預期屏幕分辨率，ems將會是一個粗略估計。 – Anthony 2015-02-09 14:46:21

更好的方法是使用看起來不錯的em值，並且與您已經擁有的並且在不同屏幕媒體中進行比較的接近匹配。如果問題在於它是在100pts的div內，那麼轉換爲 – Anthony 2015-02-09 14:48:30

謝謝你。所以我應該在我的'body'元素上設置一個基本的PT/PX大小，然後根據這個設置我的rem？我對這個領域很陌生，因爲你可以知道，所以任何指導都非常感謝:-) – michaelmcgurk 2015-02-09 14:48:36

在CSS，
- 甲pt是in 1/72，和一個px是in的1/96。
- A 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

2015-02-09 14:52:18

謝謝，Pankaj :-)所以用我上面的例子，這是正確的嗎？ http://jsfiddle.net/awnc4ayn/ – michaelmcgurk 2015-02-09 14:57:03

我想你不小心按下了投票按鈕:-)是的小提琴看起來是正確的。 – 2015-02-09 14:59:28

'em'單位是字體的大小。「假設」具體的價值是毫無意義的：如果你「這樣假設」，那麼沒有理由使用「em」單元。就像假設1公斤是12美元，然後用它來解決公斤轉換爲美元的「問題」。 – 2015-02-09 14:59:56

回答