Css 响应性Web设计样式表-单个文件与多个文件

我目前正在研究各种方法来优化我即将推出的html5响应式网站。最后我看了安迪·克拉克的，我觉得很有趣

虽然这看起来是一个非常好的主意，可以缩短移动浏览器的加载时间，但我无法完全弄清楚在将所有媒体查询放在一个大css文件中，还是根据不同的屏幕宽度阈值将它们拆分为不同的文件中，该如何选择

在我看来，到目前为止，无论是哪种情况，我都无法像我所希望的那样优化样式表。以下是一些场景：

我把所有的媒体查询放在一个大的css文件中。虽然移动浏览器的相关代码只在文件的第一季度，但文件会被完全下载，从而浪费了相当多的带宽

我将样式表拆分为多个文件（即将有320.css、480.css、786.css等），并在标题中声明每个文件，并沿

---

通过测量我的特定代码，我确定避免HTTP请求比下载额外的Gzip CSS要好

使用类似于测试这两个版本的方法，这会让您对正在发生的事情有一个很好的了解。
通过测量我的特定代码，我确定避免HTTP请求比下载额外的Gzip CSS更好

使用类似的方法测试两个版本，这将使您对正在发生的事情有一个很好的了解。
值得指出的是，正确的答案取决于您的确切代码以及与服务器建立HTTP连接所需的时间。值得指出的是，正确的答案取决于您的确切代码以及与服务器建立HTTP连接所需的时间服务器。