media query portrait only code example
Example 1: css device orientation
/* For portrait, we want the tool bar on top */
@media screen and (orientation: portrait) {
#toolbar {
width: 100%;
}
}
/* For landscape, we want the tool bar stick on the left */
@media screen and (orientation: landscape) {
#toolbar {
position: fixed;
width: 2.65em;
height: 100%;
}
p {
margin-left: 2em;
}
li + li {
margin-top: .5em;
}
}
Example 2: media query css for all devices
@media (min-width: 600px) and (max-width: 800px) {
/* your css code here */
/* html { background: red; } */
}