BodinglesTM - -   Bright Lightbulb Graphic Ideas   - -

Full Stack MERN Web Development

Responsive Web Design (RWD)

Back to RWD Index

Media Queries Using Screen

    Media Queries Using Screen
  • we have been using @media () {}
    • this is a "general" query that targets all output types such as;
      • a printed page
      • a display screen
  • Add the screen designator to be more specific in your query, and only target output type screen
    • @media screen and () {}

So if you use @media (max-width: 1440px) {}, you are making a "general"
query and are targeting all output types for styling.

However,

If you use @media screen and (max-width:1440px) {} then you are being
more specific in the query and only targeting styling for display type of screen.

Back to Top