爲CSS中的所有屬性設置REM的值

我想在我的網站中隨處使用rem（請閱讀所有可能的屬性）。然而，使用默認的REM - PX轉化率是不是很直觀：爲CSS中的所有屬性設置REM的值

10px = 0.625rem 
12px = 0.75rem 
14px = 0.875rem 
16px = 1rem (base) 
18px = 1.125rem 
20px = 1.25rem 
24px = 1.5rem 
30px = 1.875rem 
32px = 2rem

因此我使用html { font-size: 62.5%; }將設置1rem = 10px的字體大小。但是，如果我想將邊距/填充/邊框/ ...設置爲該轉換率，那麼這是如何工作的？

謝謝！

2016-07-08 Scipion

我確實可以。但我想爲邊距設置1rem = 10px。 – Scipion

我的問題其實是關於如何爲所有屬性設置1rem = 10 px？ – Scipion

即使你的答案第一次不清楚，你似乎仍然可以工作（並且在我回答之後你做了編輯）。無論如何謝謝隊友！ – Scipion

我們在這一意見中但本質的答案是設置基地字體大小爲10px，而不是62.5％，

html { font-size: 10px; }

現在，所有的REM值從1rem = 10px的工作。這意味着你的計算實際上變得更簡單了。

...等等。

現在margin:1rem確實的意思是margin:1opx。

2016-07-08 09:01:44

回答