使用媒体查询多个CSS文件选择基于屏幕分辨率

Question

我想定位为不同的屏幕分辨率的网站（例如：1600×1200，1366×768等），我目前有哪些我加载使用基于屏幕上的jQuery/JavaScript的多个CSS文件.height和screen.width获得。

是否存在被我可以用我的HTML5网页上的链接样式表的媒体属性和使用jQuery/JavaScript的方法获得实现相同的行为方式？东西，如下所示：

<link href="/css/layout.css" media="screen and (device-height:768px)" rel="stylesheet" type="text/css"> 
<link href="/css/layout1600x1200.css" media="screen and (device-height:1200px) and (device-width:1600px)" rel="stylesheet" type="text/css"> 

我还需要加载的情况下，默认的CSS文件中的客户端的分辨率不匹配以上媒体查询提到的条件

Answer 1

你可以这样做你的主人的CSS文件中根据屏幕上的

@media screen and (max-width: 960px) 
{ 
    /* your imports */ 
    @import url('/css/styles1.css'); 
    @import url('/css/styles2.css'); 
}