0

iPad のポートレート モードで動作するように Web アプリを最適化しています。Web アプリは、幅 350px の iFrame として構築されています。

次のメタ ビューポート タグを使用します。

<meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=350" />

これは次のように動作すると予想されます:
- 表示されるビューポートの幅は 350px になります。
- 私の Web アプリケーションは最初は元のサイズにスケーリングされます。つまり、350px の iFrame は 350px のビューポートで完全にレンダリングされます (表示されるビューポートの境界に空白はありません。

ただし、iPad のポートレート モードは width=350 プロパティを無視するようで、ページを width=device-width としてレンダリングします。

なぜこれが起こっているのか、この行動をどのように解釈しなければならないのかを誰かが説明できますか?

4

2 に答える 2

3

iOS では、iframe はすべてのビューポート設定を無視し、デバイスのデフォルトとしてレンダリングします。とてもうるさい。

参照 - iOS Safari がフレームセットをビューポートより大きく拡張する

于 2012-08-07T13:18:47.950 に答える
0

私たちの場合、iPad のビューポート サイズは、最初にレンダリングされたコンテンツと同じでした。したがって、メイン コンテナをページの幅全体に広げると、iPad は「その iframe ページのビューポートはデバイス幅と同じです」と表示します。width私たちの場合の解決策は、、heightおよびstyle属性を使用して iframe の厳密なサイズを設定することでした。overflow: hidden次に、メイン コンテナーに簡単に適用します。

于 2015-05-15T09:37:11.977 に答える