ウェブのモバイルバージョンがデフォルトで拡大されました

Question

モバイルデバイス（または少なくともiphoneでは、他のデバイスをチェックすることはできませんでした）を使用してウェブにアクセスする場合は、www.oxynergy.comをご覧ください。ちょっとズームインしているだけで、画面をつまんでズームアウトすることはできますが、そんなことはできません。私はビューポートのメタをチェックし、私の理解が行く限り、それはうまくいきます、誰も私にこれを助けることができますか？

この

は今、ビューポートメタである：あなたのレイアウト幅がデバイス幅に設定されている

Answer 1

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

おかげで、それので、ブラウザがあなたを可能にするよりも幅が広いあなたのページの要素がありますズームアウトする。

あなたのケースでは、あなたの<footer>に<div class="row visible-xs">があります。これは、ボックスを包含するブロックの100％よりも広い範囲に拡大させる負のマージンです。同様に、class=containerのclass=vc_rowにも同じ問題があります。 のスタイルを.vc_rowおよび.rowで削除すると、問題が解決されます。

私はあなたが達成しようとしていることや正しい方法が分かっていますが、これらのボックスがコンテナの100％より広くならないようにする必要があります。そうしないと、画面の幅よりも広いコンテンツが表示され、ズームアウトが可能になります。最小スケールを設定しただけでは、それでもスクロールすることは可能です（ただし、overflow-x：hiddenを設定できるとしますが、問題を隠すだけです）。