Is there any media query to display without a retina?

Question

According to an article on CSS tricks , future evidence of media queries for retina display can be written as:

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) { /* Retina-specific stuff here */ } 

What if I want to write CSS codes for display without retina?

I know that at first you can write some CSS codes to display the non-retina, and then rewrite it to display the retina with the above media queries. But is there any media query that is specifically designed to display non-retina?

Answer 1

This article , also about CSS-Tricks, says that you can undo logic, not. So, theoretically:

 @media not screen and (-webkit-min-device-pixel-ratio: 2), not screen and ( min--moz-device-pixel-ratio: 2), not screen and ( -o-min-device-pixel-ratio: 2/1), not screen and ( min-device-pixel-ratio: 2), not screen and ( min-resolution: 192dpi), not screen and ( min-resolution: 2dppx) { /* non-Retina-specific stuff here */ }