Question

So i was browsing the web to see if there was any solution to lock orientation. I have found this:

http://www.w3.org/TR/css-device-adapt/

It states that with @viewport you should be able to lock orientation but i can’t find any information on support or whatever. I just tried

 @viewport{
orientation: portrait;
}

But it does nothing, any toughts about this?

Answer 1

You need to add vendor prefix.

Example:

IE10

@-ms-viewport {
  width: 1024px;
  height: 768px;
}

Read more http://msdn.microsoft.com/en-us/library/ie/hh708740(v=vs.85).aspx

Opera

@-o-viewport {
  width: 1024px;
  height: 768px;
}

Read more http://dev.opera.com/articles/view/an-introduction-to-meta-viewport-and-viewport/

http://docs.webplatform.org/wiki/css/atrules/@viewport