用於元素大小的CSS Rem單元

Question

我注意到REM單元可以用於元素的大小，而不僅用於字體大小。對於HTML字體大小的屬性非常有用。

html { font-size:1vw } 
@media all and (max-width:720px) { 
    html { font-size:10px } 
} 
#el { width:20rem;height:5rem } 

但它是否合理又值得信賴？

Answer 1

我認爲這取決於你。

我通常適用於：

• REM的字體大小與PX回調，最好的！
• EM用於填充和利潤率
• 像素，百分比，大衆和VH與單元大小
• 和媒體查詢我使用他們，但REM和PX通常使用過。

如果您使用em作爲字體大小，那麼您可以將所有與子元素混淆，因此不推薦。

大小元素REM是有趣的，但我很享受很多vw和vh對於某些情況下的響應行爲，其中％是不夠的。

而且你可以爲您的設計中的一些固定大小跟CSS calc function

像width: calc(100% - 85px);一些很酷的東西。

這是一個Recommended read關於單位:) 希望這對你有所幫助。