[CSS] RWD - media queries - kolejnonść wczytywanych stylów Opcje

[-php-rwd-]

Hej,

dlaczego jak stosuje MQ w CSS dla RWD to wczytuje on style także dla rozdzielczości telefonu, który nie mieści się w danym zakresie?
np.

[CSS] pobierz, plaintext 
@media screen and (max-width: 980px) {
   body { background: yellow; }
}
 
@media screen and (max-width: 380px) {
  body { background: red; }
}
[CSS] pobierz, plaintext 

i bg mam czerwone, a powinienem mieć zółte - bo symuluje według telefonu z rozdzielczością >= 720px.
co robie źle? chciałbym kilka indywidualnych parametrów dla mniejszej rozdzielczości ustawić inaczej

[SaMi]

Wszystko zalezy od tego jak masz zbudowanego całego css-a.
Zobacz jaki kolor masz ustawiony w stylu podstawowym.

i lepiej zastosuj zakresy np:

[CSS] pobierz, plaintext 
@media (min-width: 768px) and (max-width: 899px) { ... }
@media (min-width: 900px) and (max-width: 1023px) { ... }
[CSS] pobierz, plaintext 

możesz też sprobować:

[CSS] pobierz, plaintext 
@media all and (min-device-width:380px)
[CSS] pobierz, plaintext 

Tu masz fajnie opisane @media queries

Ten post edytował SaMi 21.01.2014, 14:50:10