css - parse error in css3 using @media -
can't following not throw parse error in css3
@media (min-width: 1500px) { div#headerwrapper, div#navsuppwrapper { width: 100% !important; margin: auto; } }
any suggestions?
never been fan of !important in css here basic media query template, last query @ bottom should fix problem.
/* #### mobile phones portrait #### */ @media screen , (max-device-width: 480px) , (orientation: portrait){ } /* #### mobile phones landscape #### */ @media screen , (max-device-width: 640px) , (orientation: landscape){ } /* #### mobile phones portrait or landscape #### */ @media screen , (max-device-width: 640px){ @media screen , (min-device-width: 768px) , (max-device-width: 1024px){ } } /* #### iphone 4+ portrait or landscape #### */ @media screen , (max-device-width: 480px) , (-webkit-min-device-pixel-ratio: 2){ @media screen , (min-device-width: 768px) , (max-device-width: 1024px){ } } /* #### tablets portrait or landscape #### */ @media screen , (min-device-width: 768px) , (max-device-width: 1024px){ } /* #### desktops #### */ @media screen , (min-width: 1024px){ }
answer @media screen and
required.
@media screen , (min-width: 1500px) { div#headerwrapper, div#navsuppwrapper { width: 100% !important; margin: auto; } }
Comments
Post a Comment