Forum PHP.pl

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

Możesz wykorzsytać LESS lub SASS (SCSS). Dzięki temu możesz zdefiniować sobie parę zmiennych lub nawet jakiś podstawowych schematów a potem wykrozsytywać je w wielu miejscach (coś jak definicja funkcji, a potem wykorzystywanie jej)

Jak nauczysz się z niego korzystać to będziesz potem wniebowzięty jak fajnie można pisać CSSy (IMG:style_emoticons/default/smile.gif)

Skoro chcesz mieć jakieś style niezależne od rozdzielczości to dlaczego nie wstawisz ich po prostu poza jakikolwiek blok @media?

dokładnie tak jak napisał Crozin ustawienia globalne czy to jest RWD czy tez nie zawsze definiuje się tak samo, RWD konkretyzuje Ci do dla danego ekranu wiec nie ma sensu tego tam wrzucać skoro ma działać tak samo dla wszystkich (IMG:style_emoticons/default/wink.gif)

Ten post edytował com 20.01.2014, 21:57:53