Separacja plików @media-queries

Question

Witam wszystkich!

Mam pytanie odnośnie załączania plików @media-queries. Otóż, jaki sposób ich umieszczania w sekcji HEAD dokumentu HTML będzie najbardziej optymalny? Cały kod CSS, włącznie z @media spakować do jednego pliku i podlinkować, np.:

<link rel="stylesheet" type="text/css" href="allStyles.css">

czy może każdą sekcje stylów dla poszczególnych rozmiarów ekranu spakować do osobnego pliku i umieścić w HEAD np.:

<link rel="stylesheet" type="text/css" href="mobile.css">
<link rel="stylesheet" type="text/css" href="tablet.css">
<link rel="stylesheet" type="text/css" href="desktop.css">

Pozdrawiam

Answer 1

A może:

<link rel="stylesheet" href="basic.css">
<link rel="stylesheet" href="desktop.css" media="screen and (min-width: 900px)">

 

Comments

A po co rozdzielać to na dwa pliki? :)

---

Żeby na ekranach o mniejszej rozdzielczości nie wczytywać stylów dla pulpitu?

Answer 2

<link rel="stylesheet" type="text/css" href="allStyles.css">

i jest okey :) nic nie kombinuj. 

Comments

popieram ;)
i najlepiej jeszcze bez: type="text/css"

---

Jakbyś był ciekawy dlaczego:

http://stackoverflow.com/questions/5409114/is-type-text-css-necessary-in-a-link-tag