我一直在閱讀關於響應式設計的知識,並將開始在我的網站上實施新的CSS設置。這讓我想到了調用所有這些不同CSS文件的最佳方式。我將爲不同的屏幕寬度提供不同的CSS。@import瀏覽器兼容性2013
我辯論兩個選項:
連接到從LINK標籤每個網頁的所有文件。我唯一的問題是持續的維護(並且必須添加所有這些鏈接以開始);我知道這不是世界末日,但在維護方面似乎有點密集。
另一種方式是在每個網頁上只有一個LINK標籤,指向一個'饋線'CSS。這個'feeder'CSS文件將包含使用@imports的所有其他CSS文件的鏈接。這意味着維護將變得輕而易舉。我可以在整個站點的一個地方添加/重新排序/刪除CSS文件。大!
但是這會導致@import函數的兼容性[或者在舊版瀏覽器中缺少它]。
我環顧四周,我見過的文章已經至少有幾年的歷史了。
所以,爲了得到結論:現在[2013年7月]現在使用的瀏覽器的百分比是否支持這個功能,我可以安全地忘記那些無法解釋@import的瀏覽器嗎?
如果不是,我該怎麼做才能將CSS文件的維護降到最低。 (比「在當前網站上查找和替換」更優雅)。
嗯...我不明白,downvote。 +1 – Doorknob
答案只是gos以及我在第1點中所說的,[我很同意],但沒有給出任何理由或爲維護大量css文件的替代方法。我認爲這有點懶惰/觸發快樂。 –
@as_bold_as_love:*這讓我想到了調用所有這些不同的CSS文件*的最佳方式。你問最好的方法,所以我把它給你。看看StackOverflow如何做到這一點。一個沒有任何'@ import'的CSS,版本化和縮小的CSS。 – Blender