Skip to content

Instantly share code, notes, and snippets.

@filiperocha
Forked from visnup/lock.css
Created June 8, 2017 09:47
Show Gist options
  • Save filiperocha/c8ac1b6939d9a57a32c7096f8d3e5dbe to your computer and use it in GitHub Desktop.
Save filiperocha/c8ac1b6939d9a57a32c7096f8d3e5dbe 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