CSS: media querycss Example
CSS Example: This is the "media querycss" Example. compiled from many sources on the internet by SimpleTutorials.org
css media queries
@media only screen and (max-width: 1200px){ /*Tablets [601px -> 1200px]*/ } @media only screen and (max-width: 600px){ /*Big smartphones [426px -> 600px]*/ } @media only screen and (max-width: 425px){ /*Small smartphones [325px -> 425px]*/ }
media query
/* Extra small devices (phones, 600px and down) */ @media only screen and (max-width: 600px) {} /* Small devices (portrait tablets and large phones, 600px and up) */ @media only screen and (min-width: 600px) {} /* Medium devices (landscape tablets, 768px and up) */ @media only screen and (min-width: 768px) {} /* Large devices (laptops/desktops, 992px and up) */ @media only screen and (min-width: 992px) {} /* Extra large devices (large laptops and desktops, 1200px and up) */ @media only screen and (min-width: 1200px) {}
media query methods
1. @media print { p { font-family: georgia,montserrat; } } 2. 3. @import "screenstyles.css" screen;
media queries
@media only screen and (max-width: 1200px){ /*Tablets [601px -> 1200px]*/ } @media only screen and (max-width: 600px){ /*Big smartphones [426px -> 600px]*/ } @media only screen and (max-width: 425px){ /*Small smartphones [325px -> 425px]*/ } /*Credit goes to Malario i saved this just in case..... https://www.codegrepper.com/app/profile.php?id=43257 if it helped you should say thanks to him...... */
* Summary: This "media querycss" CSS Example is compiled from the internet. If you have any questions, please leave a comment. Thank you!