2014-03-24 65 views
2

每當我使用一些CSS屬性時,我都會在www.caniuse.com上看看它的瀏覽器支持,雖然它還沒有包含Opera Mini 8,但它仍然是一個不錯的網站。@import的瀏覽器支持

現在對於一個項目,我有多個有條件使用的CSS文件,所以我必須使用@import規則,但我不知道瀏覽器支持,我也在www.caniuse.com上進行了檢查,不是在那裏,我搜索了它,但是每個網站和博客都在討論對@media規則的支持,但不是針對@import,他們只討論@import更好或者使用grunt等來縮小css更好。

有人能告訴我什麼瀏覽器支持@import,我可以使用它嗎?

回答

1

當然你可以使用@import。你問爲什麼不在不同的網頁設計博客等討論它,所以我認爲其原因是因爲它得到廣泛的支持,所以沒有必要再討論它的支持。如果IE 4.x對@import規則有一些支持,但更高版本(即使IE 5也被認爲是舊版瀏覽器並且沒有人使用它)支持@import規則。

因此,去做它,並使用它是無所畏懼的,但正如你在問題中所說的,當然如果你已經使用node.js有更好的方法,像grunt。

2

根據MDN@import在所有主流桌面和移動瀏覽器中支持,而IE/IE移動版從5.5+開始支持。

Also note

的Netscape 4.x和IE 3.x中不支持@import規則。互聯網 Explorer 6及以下版本不支持媒體名稱。 IE 4.x有 對@import規則的一些支持,但它是不穩定的,最好不要 依賴它。

1

最好不要使用@import,
它不是使用@import的最佳實踐。如果某些瀏覽器無法理解樣式,那麼@import非常棒,因爲如果用戶代理(瀏覽器)不理解@import規則,則不會導入它,所以你可以使用@import來定位特定的瀏覽器。但是現在這個時間已經過去了,每一個現代或者老一點的瀏覽器都支持它,所以沒有理由將它用在像grunt或其他技術那樣的組合和縮小你的樣式並因此減少HTTP請求的東西上。 @import不如使用鏈接標籤有效,並且它不僅被廣泛使用。