まず、これは私が他の質問で見たズームの問題ではありません。また、iOS6を実行しているiPhone4を使用してこれをテストしています。モバイルプロジェクトで作業しているときに、viewport
タグとモバイルサファリに問題があることを発見しました。私はすべてを可能な限り基本的なコードにまとめました。パラメータを設定しました:
- width =device-width
- height =device-height
- 初期スケール=1.0
- 最大スケール=1.0
- user-scalable = no
画面を回転させるまで、すべて正常に機能します。サイズは変更されず、ギャップを埋めるために右側に黒いバーが表示されます(スクリーンショットを参照)。完全に削除すればheight=device-height
、問題は解決します。ただし、このパラメーターを使用する必要があります。そうでなければ、私は別の質問をしなければなりません。
ポートレートモードに戻った後、その黒いバーは残り、左右にスクロールできます。これは非常に奇妙な問題です。削除width=device-width
すると、予期しないことが起こります。試してみたい場合は、ここにコードがあります:http: //toastd.net/viewport.html
ここにいくつかのスクリーンショットがあります:
ここでは、ポートレートモードで正常に動作しています。
横向きモードに回転した場合
次に、回転してポートレートモードに戻ります