モバイルWebサイトは、デバイスよりも幅広く表示されます。ピンチしたらOKです

Question

私は応答性が必要なウェブサイトを設計しています。

私の問題は、モバイルデバイスでは、これらのWebサイトが最初に画面よりも広く表示されることです。それは、メインコンテナが100％に "固定"されていないように、私はそれを左右に動かせることを意味します。しかし、それは次のとおりです。

#main-container { 
    width: 100%; 
} 

しかし、私「ピンチ」画面（指で一緒にプレス）と、ウェブサイトが完全に提示されている、すべてのDIVSは、画面内にあるとサイトが読み取り可能です。完璧に反応するウェブサイトのように。

サブページをリフレッシュまたはナビゲートすると、サイトは画面よりも大きくなり、まとめて表示する必要があります。

これは、幅414ピクセル以下のすべてのスマートフォン（Androidとiphone）で発生します。タブレットとアップは大丈夫です

どこにいても、私のウェブサイトにデバイス内で開くべきであると私は「言うことができますか？

Answer 1

メタタグviewportのinitial-scaleを定義してもよいでしょう。

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

ここでそれについて詳しく読む：https://www.w3schools.com/css/css_rwd_viewport.asp