ここでページのサイズをクロムではるかに小さいサイズに変更して応答性をテストするだけですが、メニューは次の行に移動しますhttp://as-team.com/shoploop/index.html
クロムプレスctlrで試して、下にスクロールしました。メニューが次の行に移動します。これは、ほとんどのモバイル ブラウザーで発生します。それを修正する方法はありますか?
ここでページのサイズをクロムではるかに小さいサイズに変更して応答性をテストするだけですが、メニューは次の行に移動しますhttp://as-team.com/shoploop/index.html
クロムプレスctlrで試して、下にスクロールしました。メニューが次の行に移動します。これは、ほとんどのモバイル ブラウザーで発生します。それを修正する方法はありますか?
これは最適な解決策にはほど遠いですが、問題は解決します。モバイルデバイスでズームを完全に防ぐことができます。
<meta name="viewport" content="width=320, initial-scale=1, maximum-scale=1, user-scalable=0"/> <!--320-->
これをページに追加して、たとえばiPhoneにアクセスすると、ズームできないことがわかります。
この理由は font-size: 12px; だと思います。% insted of px を使用してみてください