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 と同じように動作すると思います。