HTML 5 CSS 3 @viewport mediaquery

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。