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" />

または、1 つの CSS ファイルを保持し、そこにメディア クエリを定義する必要がありますか?

4

2 に答える 2

1

本当にあなたに最適なものは何でも。

個人的には、それらが影響するルールと一緒に、メインの CSS ファイル内でそれらを定義することを好みます。例えば：

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

これにより、それらが近くに保たれるため、見失うことはありません。また、HTTP リクエストが少なくなります。

于 2013-04-22T21:42:40.633 に答える
0

個人的には、すべてを 1 つのファイルにまとめます。less や sass などの css プリプロセッサを使用して、コードのサイズと構造を管理できます (または管理する必要があります)。このようにして、複数のファイルで開発し、ウェブサーバーにアップロードする前にそれらを結合/最小化できます。

単一のファイルを使用する主な理由は速度です。通常、追加のリクエストは、数キロバイト余分にダウンロードするよりもはるかに時間がかかります。それは、Yahoo や Google のような「大企業」からもアドバイスされていることでもあります...

于 2013-04-22T21:51:13.130 に答える