1

是否对定义 CSS 媒体查询的位置有偏好？即我应该像这样从我的html中调用它们：

<link rel="stylesheet" media="only screen and (min-width: 350px)" href="../assets/css/350.css" />
<link rel="stylesheet" media="only screen and (min-width: 768px)" href="../assets/css/768.css" />
<link rel="stylesheet" media="only screen and (min-width: 992px)" href="../assets/css/992.css" />

或者我应该维护一个 CSS 文件并在那里定义媒体查询？

4

2 回答 2

1

Whatever works best for you, really.

Personally I prefer defining them inside my main CSS file, alongside the rules that they affect. For example:

#someElement {font-size:24pt;}
@media all and (min-width:350px) {
    #someElement {font-size:12pt}
}

This keeps them close together so I don't lose track of them. It also means fewer HTTP requests.

于 2013-04-22T21:42:40.633 回答
0

就个人而言，我会将所有内容都放在一个文件中。您可以（或应该）通过使用 CSS 预处理器（如 less 或 sass）来管理代码的大小和结构。这样，您可以在多个文件中进行开发，并在将它们上传到您的网络服务器之前将它们组合/最小化。

使用单个文件的主要原因是速度。通常一个额外的请求比下载额外的几千字节需要更长的时间。这也是雅虎和谷歌等“大公司”的建议......

于 2013-04-22T21:51:13.130 回答