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;
  }
}

Source: developer.mozilla.org

Similar codes

9 votes238 views2 answers
Css style for the first element only
CSS
14 votes275 views4 answers
Text align left bootstrap
CSS Bootstrap
64 votes264 views4 answers
Bootstrap buttons
CSS
25 votes248 views5 answers
Css line spacing
CSS
0 vote258 views1 answer
Prevent enter key submitting a form jquery
CSS
2 votes224 views1 answer
How to make html element not selectable
CSS
0 vote268 views1 answer
Remove materialize style input
CSS Materialize
1 vote245 views1 answer
Disable highlighting text in CSS.
CSS
0 vote240 views1 answer
Disable text higlighting css
CSS
4 votes223 views3 answers
Css moz webkit generator
CSS