重複の可能性:
iOS Safari での向きの変更を防止する
私は、iPhone、iPad、および Android タブレット用の C# コードを含む HTML 5 Web サイトを 1 つ持っています。
ユーザーが任意のデバイスの向きを縦向きモードに変更した場合でも、Web サイトは横向きモードのみにする必要があります。
質問する
545 次
2 に答える
0
外部ヘルパー アプリケーションがなければ、Web ブラウザーからデバイスの向きを変更または固定することはできません。ロック装置の全体的なアイデアは、再考して再設計する必要があるようです. 使用できる方法の 1 つを次に示します。
これはあなたのサイトにとって重要なのはデバイスの向きではなく、コンテンツのランドスケープ デザインだと思います。この要件を満たすには、サイト コンテンツ全体をコンテナに配置する必要があります。このコンテナは常にブラウザ ウィンドウ ( width:100%) を満たすようにスケーリングされ、幅に対して必要な縦横比で高さを維持する必要があります。
横向きのデバイスの向きでは、サイトは通常どおり動作します。ポートレート モードでは、コンテナーを垂直方向に配置すると、コンテンツは現在の幅に縮小されて表示され、ブラウザー ウィンドウの上部と下部に黒い領域が表示されます (4:3 画面で 16:9 のムービーを表示する場合と同様)。
コンテンツをウィンドウの上部 (下部に大きな黒い領域) に配置する余裕がある場合は、メタ ビューポートを指定して、スケーリングのプロセス全体をブラウザー自体に委任できます。
<meta name="viewport" content="width=device-width">
ニーズに合わない場合は、サイトの仕様に関する詳細情報を提供していただけると助かります。
于 2012-12-10T08:16:38.533 に答える
0
You can't rotate your website inside of a WebView, so you need to lock the current view rotation in landscape mode. That way all of the content on this page will be in landscape, including your website. I see this like an only solution.
于 2012-12-10T07:57:28.967 に答える