Parse-Fehler in css3 @media

Question

kann mit nicht bekommen die folgenden nicht einen Parse-Fehler in css3

@media (min-width: 1500px) { 
 
    div#headerWrapper, 
 
    div#navSuppWrapper { 
 
    width: 100% !important; 
 
    margin: auto; 
 
    } 
 
}

Irgendwelche Vorschläge zu werfen?

Answer 1

Noch nie ein Fan von! Wichtig in CSS aber hier ist eine grundlegende Media-Abfrage-Vorlage, sollte die letzte Abfrage an der Unterseite Ihr Problem beheben.

/* #### Mobile Phones Portrait #### */ 
@media screen and (max-device-width: 480px) and (orientation: portrait){ 

} 

/* #### Mobile Phones Landscape #### */ 
@media screen and (max-device-width: 640px) and (orientation: landscape){ 



} 

/* #### Mobile Phones Portrait or Landscape #### */ 
@media screen and (max-device-width: 640px){ 
    @media screen and (min-device-width: 768px) and (max-device-width: 1024px){ 




} 
} 

/* #### iPhone 4+ Portrait or Landscape #### */ 
@media screen and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2){ 
@media screen and (min-device-width: 768px) and (max-device-width: 1024px){ 




} 
} 

/* #### Tablets Portrait or Landscape #### */ 
@media screen and (min-device-width: 768px) and (max-device-width: 1024px){ 


} 

/* #### Desktops #### */ 
@media screen and (min-width: 1024px){ 



} 

Antwort @media screen and Dies ist erforderlich.

@media screen and (min-width: 1500px) { 
    div#headerWrapper, 
    div#navSuppWrapper { 
    width: 100% !important; 
    margin: auto; 
    } 
}