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

0 vote219 views1 answer
Progress bar bootstrap border
CSS Bootstrap
-1 vote207 views1 answer
Change font size on large screen resolution bootstrap
CSS Bootstrap
1 vote154 views1 answer
Uibutton image
CSS
13 votes150 views3 answers
Repeat css
CSS
6 votes143 views4 answers
Change border highlight color on an input text element
CSS
2 votes152 views1 answer
Blue outline after click when in mobile view
CSS
0 vote152 views1 answer
Como tirar o x do search input
CSS
25 votes140 views6 answers
Multiple nth child css
CSS
0 vote186 views1 answer
Css rotate 3d
CSS
0 vote146 views1 answer
Jquery if css property is
CSS