html - 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

Answer 2

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

无法测试，但我相信这与@mediaCSS 的行为相同。