メニューを開いたり閉じたりするときにHTMLがiOSでズームイン/アウトする

Question

私はFacebookのようなメニューを使ってモバイルサイトで作業しています。問題は、iPhoneでメニューを開くと、残りのコンテンツが画面に収まるように縮小され、メニューが閉じられるとスケールが戻ってしまうことです。

これはもっと楽しいものにするため、ブラウザで実行している場合にのみ発生します。ホーム画面にブックマークを付けるとコンテンツのサイズが変更されません。それはまた、iPhoneだけで、サイズ変更されません。

私はここでのコードの簡易版があります：あなたはiPhoneを持っている場合、あなたは問題がここで実行している見ることができますhttp://jsfiddle.net/HYjEB/261/

を：http://tfklabs.com/clients/mypr/

私は#rightのdivの設定を含め、いくつかのことを、試してみましたto position：position：absoluteの代わりにfixedを指定します。実際には動作しますが、ユーザーはページの内容をスクロールできません。

Answer 1

divを拡大縮小したくない場合は、divをその親の内側にスライドさせる必要があります。これを見てみましょう：http://jsfiddle.net/HYjEB/262/。 Iveはあなたのhtml構造とcssにいくつかの変更を加えました。