[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

[maniek74]

a jaka różnica jest jesli załaduje 4 pliki po 50kb lub 1 po 200kb, pozatym sam css nie powoduje chyba zamulenia strony, sam css wydaje mi się że to będzie różnica w setnych sekundy, niezauważalna dla użytkownika.

Tak mi się wydaje być może się mylę.

Pozdrawiam