モバイルデバイスに水平/水平レイアウトを強制する方法はありますか？

Question

私はウェブサイトのモバイル版を構築しています。この特定のケースでは、水平レイアウトで完全に見えるでしょう。ユーザーの設定にかかわらずこのレイアウトを強制する方法はありますか？

普遍的な答えはありがたいですが、特定のプラットフォーム（iPhone、Androidなど）でこれを達成する方法を知っていれば、大部分のモバイルユーザーをターゲットにしたまともなルールを集めることもできます。

Answer 1

これを達成するためのハックがありますが、私は真剣にそれを使用することをお勧めします。あなたのデザインは誰かが縦長モードか横長モードかに適応する必要があります。

ステップ1：あなたは風景やポートレートモードにいるかどうかを確認するためにwindow.orientationプロパティを照会

ステップ2：あなたは、ポートレートモードにしている場合はdiv要素に-webkit-変換回転（-90）を使用しますそれはあなたのページ全体を横向きのレイアウトに強制するためのものです。

ブラウザのUIはまだポートレートモードになっていますが、コンテンツを表示するために携帯電話を横向きに戻すことになっていると思われます。これはユーザーにとって信じられないほど厄介なことです。あなたのサイトをポートレートモードで読み込もうとしている理由はおそらくあります。あなたの<頭>

<meta name="viewport" content="width=480"> 

彼/彼女は風景の中に回転させる必要のあるユーザーを合図になる縦モードでの水平スクロールバーの存在のために、このメタを追加

Answer 2

してみてください。私はこれのために多くのユースケースを見ることができません - しかし、私はいくつかのゲームとマッピングアプリケーションのためにこれを見ているので、それは完全に悪いことではありません。