HTML 5 CSS 3 @viewport mediaquery

Question

So, I was browsing the web to find out if there was any solution to block orientation. I found this:

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

It states that with @viewport you should be able to block orientation, but I cannot find any support information or anything else. I just tried

 @viewport{
orientation: portrait;
}

But he does nothing, no complaints about this?

+3

Toon van dooren May 07, '12 at 20:10

2 answers

@viewport all and (max-width: 480px) {
 orientation:portrait;
}

, , , CSS @media.

0

Codler · Accepted Answer · 2012-11-30T21:59:59+0000

You need to add the provider prefix.

Example:

IE10

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

Opera

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