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;
}

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