[CSS]RWD - dublowanie kodu CSS Opcje

[wujek2009]

Cześć

W jaki sposób nie dublować kodu CSS w tagach media queries? Załóżmy, że chce coś globalnie ustawić (np. dla IMG), więc nie chce za każdym razem pisać tego samego dla każdego MQ dla osobnej rozdzielczości? Mam taki kod:

[CSS] pobierz, plaintext 
@media screen and (max-width: 1200px) { 
 
} 
 
@media screen and (max-width: 980px) { 
 
} 
 
@media screen and (max-width: 750px) { 
 
} 
 
@media screen and (max-width: 540px) { 
 
} 
 
@media screen and (max-width: 380px) { 
 
} 
[CSS] pobierz, plaintext 

Więc mogę tutaj zastosować bramkę AND i pisać dla wszystkich rozdzielczości? (@media screen and (max-width: 380px) and (max-width: 540px) and (...)) ?
Oraz dodatkowe pytanie: w sieci znalazłem kilka rozdzielczości - ale czy dla każdej muszę tworzyć indywidualnie czy po prostu mogę ułożyć styl dla np. 980 a dla reszty się już dostosuje kod? W końcu będę operował na wysokości/szerokości elementu podawanej w procentach - czy jednak coś pominąłem?

Ten post edytował wujek2009 20.01.2014, 19:55:20