我只是为响应式设计下载320 and up，样式表分为以下几种：
print.css，style.css和2x.css
我不明白为什么不是320.css样式表，或者我应该使用style.css作为该分辨率？
答案 0 :(得分：7)
不，你是对的。任何小于480px的内容都会为这些媒体查询加载styles.css，这得益于媒体查询的min-width设置：
<!-- For all browsers -->
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" media="print" href="css/print.css">
<!-- For progressively larger displays -->
<link rel="stylesheet" media="only screen and (min-width: 480px)" href="css/480.css">
<link rel="stylesheet" media="only screen and (min-width: 600px)" href="css/600.css">
<link rel="stylesheet" media="only screen and (min-width: 768px)" href="css/768.css">
<link rel="stylesheet" media="only screen and (min-width: 992px)" href="css/992.css">
因此，对于器件宽度，0 - 480px（包括320px）的设计将进入style.css
480到600 = 480.css
600到768 = 600.css
768至992 = 768.css
992 + = 992.css
但是如果你想在320分辨率上有更多细粒度控制，你可以添加另一个媒体查询：
<link rel="stylesheet" media="only screen and (min-width: 320px)" href="css/320.css">
然后在css目录中创建320.css样式表。此表格适用于320 - 480号分辨率。这意味着现在少于320的任何内容都会加载style.css。
我认为将该解决方案排除在外的想法是，您可以创建一些适用于这两种分辨率的流畅或灵活的布局......