0

レスポンシブが必要な Web サイトを設計しています。

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

#main-container {
    width: 100%;
}

しかし、画面を「つまむ」(指で一緒に押す) と、Web サイトが完全に表示され、すべての DIVS が画面内に表示され、サイトが読めるようになります。完璧なレスポンシブ Web サイトのように。

サブページを更新または移動すると、サイトが画面よりも大きくなり、まとめる必要があり、すべて問題ありません。

これは、幅が 414 ピクセル未満のすべてのスマートフォン (Android および iPhone) で発生します。タブレット以上はOK

どこにいても、デバイス内で開く必要があることを Web サイトにどのように「伝える」ことができますか?

4

1 に答える 1

0

おそらくinitial-scale、メタ タグのを定義するviewportと役立つでしょう。

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

詳細については、https ://www.w3schools.com/css/css_rwd_viewport.asp をご覧ください。

于 2017-12-12T10:09:46.123 に答える