负载独立的媒体查询的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屏幕 - 浏览器支持

回答

相关问题