media query css responsive code example
Example 1: media query min and max
@media only screen and (max-width: 600px) {...}
@media only screen and (min-width: 600px) {...}
@media only screen and (max-width: 600px) and (min-width: 400px) {...}
Example 2: css media query responsive sizes
320px
480px
600px
768px
900px
1024px
1200px
Example 3: media query
@media only screen and (max-width: 600px) {
.class {
// Your CSS
}
}
Example 4: media query
@media (max-height : 800px){
p{
font-size:10px
}
}
Example 5: media query in html style
span { background-image: url(particular_ad.png); }
@media (max-width: 300px) {
span { background-image: url(particular_ad_small.png); }
}