私が使用しているモバイルチャットルームがあります。iPhoneのサファリにロードするたびに。テキスト領域をクリックすると、キーボードが表示されますが、キーボードは Web ページのレイアウトを完全に台無しにします。これを修正するにはどうすればよいですか? http://www.306radio.ca/mobile/chat/へのリンクはこちら
1 に答える
0
ざっと見てみると、あなたが抱えている問題はdiv#userContentのスタイルを持ってfloat: leftいるdivことに起因しているように見えますposition:absolute. これらの 2 つは、発生しているリフローを引き起こしているようです。
を削除してfloatを削除したところpositioning、リフローは解決しましたが、JavaScript がページ上の幅をサイズ変更する際にまだ問題があるようです。
残念ながら、調査する時間はありませんが、これであなたの質問の問題は解決するはずです。
CSS、特にレスポンシブ デザインを掘り下げ続けると、より少ない CSS および JS コードでこのソリューションを解決できる可能性があります。
于 2013-06-24T21:39:50.450 に答える