CSS的有條件使用@import

說我有2個單獨的CSS; desktop.css和ipad.css 現在desktop.css已經被調用了100個差異HTML，我想現在在這100個htmls上應用一個新的ipad.css。現在desktop.css，我可以用在頂部的@import說CSS的有條件使用@import

@import "ipad.css"

然後在ipad.css，我用的iPad @media檢查使用

@media only screen and (device-width : 768px) 
{ 
/* All iPad style definitions here */ 
}

我的問題是;

請建議任何其他方法（除了使用鏈接媒體=。設備寬度..），因爲我不想更新html頁面內的任何內容。

謝謝。

2011-04-21 testndtv

這種方法是否正常，它會工作，即sepearte CSS將適用於桌面Vs iPad？

否。它假設iPad和iPad只有768px的設備寬度。

因爲我寫@import，將ipad.css得到總是加載即使是臺式機和

媒體查詢是導入文件中，以便該文件將被加載，因爲瀏覽器可以知道有媒體查詢。

意志對性能（頁面加載）產生很大的影響

會有一個額外的HTTP請求。然而，文件中的許多數據將不得不被加載。「巨大」雖然是一個相對的概念。

請提出其他方法

應用媒體查詢到@import語句本身。

2011-04-21 17:20:01 Quentin

好的。暫時假設只有iPad的設備寬度爲768px.Will編寫CSS工作的整體方式.i表示css1用於桌面，css2用於ipad ...我的意思是說是否理論上正確.. – testndtv 2011-04-21 17:22:06

另外，我不完全明白你的意思是「將媒體查詢應用到@import語句本身」。 – testndtv 2011-04-21 17:46:09

如果你建議像@media {@import ipad.css}這樣做，這是行不通的。導入從未運行，所以樣式不顯示。 – RussellUresti 2011-04-21 17:55:45

回答