[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]

1. Nie korzystam z żadnych gotowców, zawsze piszę cołość sam, wyjątkiem jQuery. Może nie jest to za piękny kod ale mam pewność że nie ma żadnych śmieci.
2. Jest to pytanie retoryczne dlaczego tak jest a nie napisałem że tak piszę,
3. Biorąc pod uwagę łatwiejszą edycje css przy pisaniu strony jest to dobre rozwiązanie przy tworzeniu, bo nie szuka się w tysiącach lini, często mi się zdarza że chce coś poprawić w bloku na komórki a modyfikuje w bloku na tablety,
4. Czytam wiele poradników i stron na dany temat, nigdy jeden i wyciągam średnią rozwiązań. Czasami dobrze jest dać cos na forum pod dyskusję, tak jak to teraz jest, poczytać jak ludzie robią i wtedy pisać swój kod.

Pozdrawiam