css - Media Queries left blank - could this cause problems? -

css - Media Queries left blank - could this cause problems? -

im curious leaving @media definitions empty in stylesheet , if cause problems rendering page?

i want include queries presentation - show them, it's possible go responsive queries enabled.

here css:

/*************************************************************************************************/ /* media queries - responsive layout definitionen */ /*************************************************************************************************/ /* smartphones (portrait und landscape) ----------- */ @media screen , (min-device-width : 320px) , (max-device-width : 480px) { /* styles */ } /* smartphones (landscape) ----------- */ @media screen , (min-width : 321px) { /* styles */ } /* smartphones (portrait) ----------- */ @media screen , (max-width : 320px) { /* styles */ } /* ipads (portrait und landscape) ----------- */ @media screen , (min-device-width : 768px) , (max-device-width : 1024px) { /* styles */ } /* ipads (landscape) ----------- */ @media screen , (min-device-width : 768px) , (max-device-width : 1024px) , (orientation : landscape) { /* styles */ } /* ipads (portrait) ----------- */ @media screen , (min-device-width : 768px) , (max-device-width : 1024px) , (orientation : portrait) { /* styles */ } /* desktops und laptops ----------- */ @media screen , (min-width : 1224px) { /* styles */ } /* große screens ----------- */ @media screen , (min-width : 1824px) { /* styles */ } /* iphone 4 ----------- */ @media screen , (-webkit-min-device-pixel-ratio : 1.5), screen , (min-device-pixel-ratio : 1.5) { /* styles */ } /*************************************************************************************************/ /* ==================== */ /*************************************************************************************************/

empty @media rules have no effect on page rendering or stylesheet parsing. create sure open , close them properly.

if need details, relevant portions of grammar can found in spec. in nutshell, @media rule may have 0 or more rules nested within, means may empty no issues.

css media-queries