[css] Responsywna - oddzielne style, Pytanie z czystej ciekawości Opcje

[maniek74]

Witam

Przeważnie na stronach responsywnych jest stosowane rozwiązanie jednego arkusza stylów pod stronę, ale przecież jest rozwiązanie owiele bardziej czytelne tj. pod każdy układ zastosować oddzielne style:

[HTML] pobierz, plaintext 
<link rel="stylesheet" type="text/css" media="only screen and (min-width: 100px) and (max-width: 480px)" href="/css/stylePanel_480.css">
<link rel="stylesheet" type="text/css" media="only screen and (min-width: 481px) and (max-width: 800px)" href="/css/stylePanel_800.css">
<link rel="stylesheet" type="text/css" media="only screen and (min-width: 801px) and (max-width: 1024px)" href="/css/stylePanel_1024.css">
<link rel="stylesheet" type="text/css" media="only screen and (min-width: 1025px)" href="/css/stylePanel.css">
 
[HTML] pobierz, plaintext 

Taki układ jest prawie nie stosowany, sprawdziłem to na kilkudziesięciu stronach z poradami na temat reponsywności i każdy stosuje:

[HTML] pobierz, plaintext 
 
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
 
   ....................
 
}
 
 
@media only screen and (min-width : 321px) {
   ....................
 
}
 
itd
[HTML] pobierz, plaintext 

Dlaczego?

Pozdrawiam

Ten post edytował maniek74 4.01.2015, 07:07:37

[korek_a]

Nie wiem jakie ty poradniku czytasz ale umieszczamy jedne z minifikowany plik css.

Po za tym w XXI wieku korzystam z prekobilatorów które pozwalają nam na odpowiednie układanie "logiki" (LOL) w plikach css np.:http://sass-lang.com/