iOSデバイスのローテーション時にビューポートのコンテンツ幅=デバイス幅の更新を行うにはどうすればよいですか？

Question

私はiPadにしか表示されないページを開発しているので、他のものと互換性を持たせることについて心配する必要はありません。私は、スクロール可能にしたいがスケーラブルではないページを作っているので、コンテンツをスケーリングせずにページ幅を更新したい。デバイスが回転するまで、素晴らしい作品

<meta name='viewport' content='user-scalable=no, maximum-scale=1.0, minimum-scale=1.0, width=device-width' /> 

を：

私はこのような何かをやってみました。ページ幅は新しい幅に更新されないため、システムは無意味です。どうすればこの作品を作れますか？

Answer 1

1つのオプションは、あなたが「身体を設定することができ、二つの別々のスタイルシート、各方向に1つ（あなたが好むならば、これはまた、ページ内に行うことができます）各では

を持つことです{width：--- px;} "をデバイスの特定の幅に設定します。

もちろん、私はスクロール可能だけどスケーラブルでスケーラビリティがない他のiPad Webアプリケーションも見てきましたが、横幅を常に維持しています。ポートレートモードのときに左右にスクロールするオプションもあります。この場合、ipadの横幅に対して通常のようにボディ幅を定義するだけで済みます。これは1024pxだと思います。