私は現在、自分のサイトに対する反応的なアプローチを使い始めています。私はhttp://fluidbaselinegrid.com/がこれのためのベストボイラープレートであることを発見しました。しかし、私が試した定型文やグリッドでは、ポートレートモードからランドスケープモードに切り替えるときにiPhoneやiPadでメディアクエリを認識させることはできません。メディアクエリを使用してポートレートからランドスケープに切り替える際のトラブル
常に、ページを読み込む向きで正しいCSSが読み込まれますが、縦書きから横書きにすると、ハングして正しくサイズが変更されません。
これはhttp://fluidbaselinegrid.com/でも起こっていることがわかります。
これがモバイルウェブキットのクールークであるかどうかは、誰でも知っていますか？これを解決する方法はありますか？
私はFluid Baseline Gridの背後にある開発者に連絡し、この答えを得た：
私は何を経験していることは、ビューポートのメタタグだと思います。
電流：
最大規模は、ユーザーが指のピンチで/ズームアウトすることはできません。 ただし、デバイスが の縦書きから横書きに変更された場合、レイアウトがずれることはありません。これは、 がより小さなテキストを読む障害を有する可能性のある人を助けるために意図的に削除されました。頭の中の メタタグを変更するだけで縮尺を設定することができます。これによって、縦方向から横方向に回転するときにズーム の問題が解決されます。時には、不要な側 効果を持っているWeb開発者は は、iPhone上での向きを切り替えるとき、そのスケールの設定が一貫性を維持したい場合、彼らはこのズームを防ぐために、最大規模 値を追加する必要があります
」、間違いなく問題を修正し
http://hacks.mozilla.org/2010/05/upcoming-changes-to-the-viewport-meta-tag-for-firefox-mobile/が、あなたがレイアウトを切り替える方法を指ピンチでズームしても、コントロールする能力を持つことができないようだ - 「ズームインからユーザーを防止します。これを回避する方法はありますか？
ビューポートメタタグに 'initial-scale = 1'のみを追加しました（最大スケール= 1ではない）