Skip to content

Instantly share code, notes, and snippets.

@skyebook
Forked from visnup/lock.css
Created March 15, 2017 20:03
Show Gist options
  • Save skyebook/c7f2da83d234d2b773a352910187d7da to your computer and use it in GitHub Desktop.
Save skyebook/c7f2da83d234d2b773a352910187d7da to your computer and use it in GitHub Desktop.
"lock" orientation of a website for mobile (iPad, iPhone)
/* if portrait mode is detected, rotate the entire site -90 degrees to hint rotating to landscape */
@media (orientation: portrait) {
body {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment