HTML 5 CSS 3 @viewport 媒体查询

Question

所以我正在浏览网页，看看是否有锁定方向的解决方案。我发现了这个:

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

它声明使用@viewport 你应该能够锁定方向，但我找不到任何关于支持或其他信息。我刚试过

 @viewport{
orientation: portrait;
}

但是它什么也没做，有什么问题吗？

Answer 1

您需要添加供应商前缀。

例子:

IE10

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

阅读更多 http://msdn.microsoft.com/en-us/library/ie/hh708740(v=vs.85).aspx

歌剧

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

阅读更多 http://dev.opera.com/articles/view/an-introduction-to-meta-viewport-and-viewport/

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