[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

[-Gość-]

a czy to możliwe, że google chrome canary co używam do testów podaje złe rozdzielczości? bo bym nie wpisał, cały czas wczytuje bg niewłaściwy :f
czego Ty używasz do testów strony w wersji mobilnej?

[SaMi]

A sprawdzałeś na innej przeglądarce ? mozilla ? opera albo IE ?
Nie umiem odpowiedzieć na twoje pytanie związane z Chrome Canary, natomiast osobiście używam Responsive Inspector


Ten post edytował SaMi 21.01.2014, 15:39:28