Skip to main content
Home / Code Snippets / CSS / Orientation Lock

Orientation Lock

@media screen and (min-width: 320px) and (max-width: 767px) and (orientation: landscape) {
  html {
    transform: rotate(-90deg);
    transform-origin: left top;
    width: 100vh;
    overflow-x: hidden;
    position: absolute;
    top: 100%;
    left: 0;
  }
}

Sent in by Andreas Gotfredsen.

icon-link icon-logo-star icon-search icon-star