CSS：margin屬性同時使用PX和REM

考慮以下CSS類的定義，從worpdress採取二12主題：CSS：margin屬性同時使用PX和REM

.entry-header { 
    margin-bottom: 24px; 
    margin-bottom: 1.714285714rem; 
}

爲什麼用rem單位px是定義兩次margin-bottom，一次和一次？瀏覽器會選擇哪個單位？

來源

2013-03-30 Adam Matan

rem並非所有瀏覽器都支持 –

我認爲是因爲rem不被所有瀏覽器支持。

查看caniuse以查看瀏覽器支持的詳細信息。

因此，他們將其定義爲px用於較舊的版本，對於支持它的版本則將其定義爲rem。

來源

2013-03-30 19:02:08

爲什麼'REM'選擇'px'，如果瀏覽器支持這兩種格式呢？ –

@AdamMatan因爲它是在之後定義的。 –

由於rem是在px –

並非所有的瀏覽器都支持rem單元 - 我從來沒有聽說過它！不支持它的瀏覽器將使用px值。

來源

2013-03-30 19:01:55

rem是CSS3中的新單元，它定義了根元素（通常是文檔的HTML元素）的字體大小。由於它是一個新的單元，它在所有瀏覽器中都不受支持，請參見http://caniuse.com/#feat=rem，因此px值作爲後備提供。如果支持rem，則將使用該值，否則爲px值。有關CSS長度單位的詳細信息，請參閱https://developer.mozilla.org/en-US/docs/CSS/length。

來源

2013-03-30 19:04:10 pwdst

簡單的話...

Px的用於在所有的瀏覽器，而不是IE修復。由於IE無法使用瀏覽器功能更改大小。

Em整個無法在IE中調整文本大小一直是一個沮喪。爲了解決這個問題，我們可以使用em單位。

CSS3引入了一些名爲「rem」的新單元，它代表「root em」。 em單位是相對於父級的字體大小，這會導致混合問題。 rem單位相對於根或html元素。

來源

2013-03-30 19:05:41

rem與em不一樣 - 並且在Internet Explorer 9中向上支持rem。 – pwdst

是的你是對的... –

有兩種字體大小的聲明，因爲開發人員更喜歡瀏覽器使用'rem'單位，但是如果瀏覽器不支持rem，它將回退到使用標準'px'單位。

不支持'rem'單位的舊瀏覽器將忽略該聲明。

較新的/當前的瀏覽器將使用'級聯'並使用最後聲明的任何度量單位。在這種情況下，使用'rem'的尺寸。

來源

2014-05-13 22:24:01 chapeljuice

CSS：margin屬性同時使用PX和REM

回答

相關問題