澄清W3Css標準媒體查詢 - 「僅」

Question

我想使用媒體屬性鏈接到基於用戶代理的不同的CSS文件。我很困惑如何使用關鍵字「唯一」。 W3站點指出：「可選的」only「關鍵字可用於隱藏舊版瀏覽器的樣式表，瀏覽器處理以」only「開頭的媒體查詢，就好像」only「關鍵字不存在一樣。這不是一個非陳述嗎？我讀它的意思是「如果關鍵字'only'存在，舊版瀏覽器就會忽略它。」那爲什麼要用它？我知道我在這裏錯過了一些重要信息。誰能幫忙？

Answer 1

僅關鍵字隱藏不支持媒體查詢的舊版瀏覽器的樣式表。

更多信息可以在這裏找到：https://developer.mozilla.org/en/CSS/Media_queries

Answer 2

「如果‘只有’的關鍵字存在，舊的瀏覽器忽略它。」

是的。 「它」特別是CSS3媒體查詢（大部分你會看到），而不是有限/愚蠢的早期媒體查詢。

那爲什麼要用它？

爲了避免瀏覽器檢測和處理錯誤：在最低，這意味着錯誤控制檯不會無關消息填滿，在許多情況下，避免呈現一個對話框，和/或調試器窗口給用戶，有時甚至意味着瀏覽器不會在您的頁面上「barf」拒絕顯示它。

Answer 3

像*和only *這樣的查詢是相同的表示，因此符合標準的瀏覽器通過將only關鍵字從表示中移除來正確解釋。

舊瀏覽器不識別only，將其解釋爲未知媒體類型，將查詢評估爲false，並忽略（跳過）樣式表。