Działa tylko pierwsze zapytanie o media - css, zapytania o media

Podczas korzystania z zapytań o media, tylko pierwszy zestawwydaje się działać i nie wiem dlaczego.Jeśli je zamieniam, to nadal, tylko pierwszy działa. "Próbowałem zmienić z max-szerokość na min-szerokość, próbowałem usunąć i stan, I "Próbowałem usunąć cały mój Javascript. Próbowałem już usunąć wszystkie moje CSS, mając tylko zapytania o media z treścią {display: none} Zapytania o media znajdują się na końcu mojego arkusza stylów, meta widoku jest poprawna (patrz poniżej).

Żadna z tych prób nie naprawiła mojego problemu. Ktoś ma pojęcie, dlaczego tak się dzieje? "Pracowałem z @media sto razy i nigdy nie miałem tego problemu.

<meta name="viewport" content="width=device-width, initial-scale=1.0">

@media (max-width: 740px) and (min-width: 420px) {
.product {
width:45% !important;
margin:10px 10px 10px 10px !important;
}

.products-container select {
width:85%;
}
}​

@media (max-width: 340px) {
body {
display:none;
}
}​

Aktualizacja Sprawdziłem konsolę FireFox. Właśnie otrzymuję następujący błąd: Zwisający kombinator. Zestaw reguł ignorowany z powodu złego selektora.

Dostaję to, co próbuje powiedzieć, ale nie ma nic złego w składni zapytań.

Odpowiedzi:

Twój media queries tak jak teraz, kopnij, gdy ekran ma szerokość

0-340px (drugie zapytanie o media) i

420px-740px (pierwsze zapytanie o media)

nie obsługują szerokości od 340px do 420px .., a także szerokości> 740px

Ale na pewno oba zapytania o media działają ....

Zobacz SKRZYPCE

Nieważne, wymyśliłeś to.

W CSS była ukryta postać. To dziwne, biorąc pod uwagę, że sam wpisałem wszystko inne, może Dreamweaver to umieścił? Może jakiś błąd? W każdym razie, skopiowanie go do MS Word i wklejenie z powrotem do Dreamweaver naprawiło to.

P. Dzięki za pomoc!