Web App force portrait only orientation

Question

When building an iPhone Web App can I control the orientaion to be portrait only?

Answer 1

Hi Pete,

Unfortunately, there is no way to control this on a Web App or web site.

---

There's a way to fake this with CSS. Source:
https://css-tricks.com/snippets/css/orientation-lock/

(I have not yet tested this)

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

Comments

I'm considering making this a feature at some point as well.