Responsive Web Design Media Queries – Mobile View CSS

What is a Media Query? Or Mobile View CSS

Media query is a CSS technique introduced in CSS3.  It aloow us to define @media rule to include a block of CSS properties only if a certain condition is true.

Example

If the browser window is 720px or smaller, the background color will be green:

@media only screen and (max-width: 600px) {
body {
background-color: green;
}
}

Leave a Reply

Your email address will not be published. Required fields are marked *