私は現在、自分のサイトにレスポンシブ アプローチを使用し始めています。http://fluidbaselinegrid.com/がこれに最適なボイラープレートであることがわかりました。しかし、私が試したすべてのボイラープレートまたはグリッドで、ポートレート モードからランドスケープ モードに切り替えたときに、iPhone または iPad にメディア クエリを認識させることができません。
ページをロードする向きで常に正しい css をロードします。ただし、縦向きから横向きにするとハングし、適切にサイズ変更されません。
これはhttp://fluidbaselinegrid.com/でも見られます。
これが今のところ対処しなければならないモバイル Webkit の癖なのか、それともこれを修正する方法があるのか 誰か知っていますか?
私はFluidBaselineGridの背後にいる開発者に連絡し、次の回答を得ました。
あなたが経験しているのはビューポートメタタグだと思います。
現在：
最大スケールでは、ユーザーが指をつまんでズームイン/ズームアウトすることはできません。ただし、デバイスが縦向きから横向きに変更されたときにレイアウトがシフトするのを防ぎます。これは、小さなテキストを読むのに障害があるかもしれない人々を助けるために意図的に削除されました。頭のメタタグを変更するだけでスケールを設定できます。これにより、縦向きから横向きに回転するときのズームの問題が修正されます。
「Web開発者がiPhoneで向きを切り替えるときにスケール設定の一貫性を維持したい場合は、このズームを防ぐために最大スケール値を追加する必要があります。これには、ユーザーがズームインできないという望ましくない副作用があります。」- http：/ /hacks.mozilla.org/2010/05/upcoming-changes-to-the-viewport-meta-tag-for-firefox-mobile/
これで問題は確実に解決しますが、指でピンチしてズームしたり、レイアウトの切り替え方法を制御したりすることはできないようです。これを回避する方法はありますか？