In this article we will learn about some of the frequently asked HTML programming questions in technical like “how to setup media query” Code Answer’s. When creating scripts and web applications, error handling is an important part. If your code lacks error checking code, your program may look very unprofessional and you may be open to security risks. Error or stack handling on html was simple and easy. An error message with filename, line number and a message describing the error is sent to the browser. This tutorial contains some of the most common error checking methods in HTML. Below are some solution about “how to setup media query” Code Answer’s.
media query
xxxxxxxxxx
1
@media only screen and (max-width: 600px) {
2
body {
3
background-color: lightblue;
4
}
5
}
media query
xxxxxxxxxx
1
/* Extra small devices (phones, 600px and down) */
2
@media only screen and (max-width: 600px) {}
3
4
/* Small devices (portrait tablets and large phones, 600px and up) */
5
@media only screen and (min-width: 600px) {}
6
7
/* Medium devices (landscape tablets, 768px and up) */
8
@media only screen and (min-width: 768px) {}
9
10
/* Large devices (laptops/desktops, 992px and up) */
11
@media only screen and (min-width: 992px) {}
12
13
/* Extra large devices (large laptops and desktops, 1200px and up) */
14
@media only screen and (min-width: 1200px) {}
media query
xxxxxxxxxx
1
@media only screen and (max-width: 600px) {
2
.class {
3
// Your CSS
4
}
5
}
how to setup media query
xxxxxxxxxx
1
* Extra small devices (phones, 600px and down) */
2
@media only screen and (max-width: 600px) {}
3
4
/* Small devices (portrait tablets and large phones, 600px and up) */
5
@media only screen and (min-width: 600px) {}
6
7
/* Medium devices (landscape tablets, 768px and up) */
8
@media only screen and (min-width: 768px) {}
9
10
/* Large devices (laptops/desktops, 992px and up) */
11
@media only screen and (min-width: 992px) {}
12
13
/* Extra large devices (large laptops and desktops, 1200px and up) */
14
@media only screen and (min-width: 1200px) {}
15