xxxxxxxxxx
1. @media print
{
p
{
font-family: georgia,montserrat;
}
}
2. <link rel="stylesheet" media="screen"
href="/css/screen_version.css">
3. @import "screenstyles.css" screen;
xxxxxxxxxx
@media only screen and (max-width: 600px) {
body {
background-color: lightblue;
}
}
xxxxxxxxxx
@media only screen and (min-device-width: 900px) and (max-device-width: 1200px) {
/* insert styles here */
}
xxxxxxxxxx
@media (min-width: 400px) and (max-width: 600px) {
// Styles for viewports between 400px and 600px.
}
xxxxxxxxxx
@media (400px <= width <= 600px ) {
// Styles for viewports between 400px and 600px.
}
xxxxxxxxxx
@media (max-width: 30em) {
// Styles for viewports with a width of 30em or less.
}
xxxxxxxxxx
@media (width >= 400px) {
// Styles for viewports with a width of 400 pixels or greater.
}
xxxxxxxxxx
@media (min-width: 400px) {
// Styles for viewports with a width of 400 pixels or greater.
}
xxxxxxxxxx
@media (width <= 30em) {
// Styles for viewports with a width of 30em or less.
}