モバイルでメディアクエリを使用して複数の固定幅のサイトを設定するのに問題があります。
私のデザインの最小固定幅が400pxの場合、これはほとんどのスマートフォンよりも幅が広くなります。
メタタグ設定の場合:meta name = "viewport" content = "width = device-width"
iOSはページを400pxでレンダリングしてから、デバイスの画面に合わせて拡大縮小します。完璧です。
Androidはページを400px(素晴らしい)でレンダリングしますが、それに合わせて拡大縮小しません(くそー)。
フィットするようにページを自動的に拡大縮小するようにAndroidに指示するにはどうすればよいですか?
修正の試み:
むしろ、ユーザーがズームアウトしたり、水平方向にスクロールしたりする必要がないようにしたいと思います。メタでのユーザーズームをオフにすると、ページが自動的に拡大縮小されることはわかっていますが、ユーザーが引き続きページをズームできることが重要であるため、このソリューションは使用できません。
理想的には流動的なデザインにしますが、残念ながら多くの要素は400pxでしか機能しないため、これが(少なくともこのプロジェクトでは)私の最小幅です。