helderjnpinto
6/8/2017 - 9:43 AM

"lock" orientation of a website for mobile (iPad, iPhone)

"lock" orientation of a website for mobile (iPad, iPhone)

lock.css
content_copyfile_download
/* 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);
  }
}