レスポンスグリッドモバイルデバイスで横長のフォーマットで表示したときに壊れる

すべてはAndroidブラウザでは問題ありませんが、SafariのiPhone 3gでは、グリッドのコンテンツがビューポートから流れ出します。しかし

<meta name="viewport" content="width=device-width,initial-scale=1">

：もともと私たちはビューポートの尺度を設定するためにこれを持っていたヘッダに

：私はこの質問への答えを見つけた

iPhone Screenshots

あなた自身の質問に答えることができます。 –

元の質問を編集しました。 – adriandhart

「あなたの質問に答える」ボタンが必要です。そのために最低限の担当者が必要かどうかはわかりません。 –

...以下の画像を参照してください。私の同僚は、iOSデバイスでは、iOSビューポートの最小スケールと最大スケールを設定する代わりに、以下を使用する必要があることを発見しました。

<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0" />

あなたは私が同様の問題を自分で持っていたし、グーグルで行ってきましたHTML5 Boilerplate's Github repository

2012-03-22 08:43:32 adriandhart

にこの問題に関するいくつかの情報を読み取ることができます。上記の解決策は多くのブログや記事で言及されていますが、iOS4とiOS5ではユーザーのスケーリング（ピンチ/ズーム）が無効になるため、「患者を殺す治療法」と考えられています。

フィラメントグループによって開発されたより良いソリューションが存在します。フィラメントグループによって開発されたより優れたソリューションは、ランドスケープへの方向変更が行われるまでユーザースケーリングを一時的に無効にするだけです。

私はこのことができます願っています。

2012-06-03 22:55:11 ElKiwiGrande

答えて