負載獨立的媒體查詢的indivisual屏幕 - 瀏覽器支持

我讀斯科特Jehl「Responsible Responsive Design」的驚人的書。他寫了關於CSS從服務器傳遞方法和請求的文章。我想知道是否所有瀏覽器都支持以下功能（在此示例中），以便只加載特定設備的必要媒體查詢而不請求所有其他媒體查詢文件。負載獨立的媒體查詢的indivisual屏幕 - 瀏覽器支持

HTML例如：

<head> 
    <link href="shared.css"> 
    <link href="screen480.css" media="(min-width: 480px)"> 
    <link href="screen980.css" media="(min-width: 980px)"> 
    <link href="screen1200.css" media="(min-width: 1200px)"> 
    </head>

來源

2014-12-13 Bill

大多數所有主流瀏覽器將加載所有的CSS文件，無論媒體查詢。

如果您正在尋找動態加載基於媒體查詢CSS文件，看看斯科特的eCSSential。

然而，要注意：很多時候，交易更低的文件大小的網絡往返是不是一個很好的決定。這裏有一篇很好的文章，討論像eCSSential這樣的解決方案的侷限性：Debunking Responsive CSS Performance Myths

來源

2014-12-13 19:55:35

負載獨立的媒體查詢的indivisual屏幕 - 瀏覽器支持

回答

相關問題