字體大小1px與rem單元一起使用

Question

我正在尋找一種佈局，可以隨縮放一起很好地縮放（用戶按ctr/cmd + [plus]）。爲此，我需要尺寸與字體大小一起進行縮放。使用em單位太棘手，所以我正在考慮去rem（並且複製舊的ie的每個維度屬性）。

我的初始想法是html元素上的字體大小設置爲10px，然後使用1/10rem作爲像素替換。但是由於字體的字體大小在px中是任意的，因此html上的字體大小將專門用於rem測量。那麼爲什麼不把它設置爲1px？

優點很明顯 - 易於編寫重複的聲明和可維護性。

至於缺點（除了形式重複的聲明）我想不出任何。但也許我錯過了一些東西。這種方法有沒有陷阱？

Answer 1

正如你仍然需要對IE做的事情一些其他的方式，就像你說的，我沒有看到任何方式可能的好處。只要使用em，即使它需要一些計算。如果您使用自己的字體大小設置進行深度嵌套元素，則無論如何它都非常複雜，並且需要簡化，而不是複雜化。

設置字體大小：1px的高度是不自然的，會使你的樣式難以閱讀和維護。

Answer 2

既然你定義一個可繼承的字體大小在你的身體，你是安全的，您看合適更改HTML字體大小。目前，這隻影響rem值，但如果其他值使用此值，那麼這個1px非標準配置將會破壞別的東西，難以修復。

這可能對利用REM第三方庫的影響，並且有些混亂可能來自使用EM和REM互換。

我個人認爲，如果與香草CSS（SANS預處理器）工作，使用這種方法不規範大大簡化了使用REM的1：1 REM：像素值是非常直觀的。