Using CSS to set the orientation to allow both landscape and portrait code example

Example 1: how to lock device orientation using css and javascript

@media only screen and (orientation:portrait){
  body {
    height: 100vw;
    transform: rotate(90deg);
  }
}

Example 2: screen rotation in css

@media screen and (orientation:portrait) { … }
 @media screen and (orientation:landscape) { … }