web-dev-qa-db-ja.com

モバイルGoogle ChromeレスポンシブWebサイトのサイズを変更していません

私は、純粋なPHPとCSSで行われるレスポンシブWebサイトを設計するのは初めてで、ワードプレスのようなCMSは使用していません。 @media screen(max-width:....)をレスポンシブデザインにのみ使用しています(Javascriptもそれに類するものもありません)。

私の質問は、モバイルGoogle chromeでレスポンシブWebサイトをテストするときです。そのWebサイトはサイズ変更されませんが、PC画面上にあるかのようにレンダリングされます。デスクトップのGoogle Chromeブラウザーを使用してウィンドウのサイズを変更すると、完全に機能します。 モバイルChromeにWebサイトをその画面サイズにレンダリングするためにWebサイト内でサイズを変更するように指示する必要がありますか、それともモバイルChromeはどのように動作しますか?

1
Paddy

ビューポートを追加しなかったため、調査を行ってこのビューポート<meta name="viewport" content="width=device-width, initial-scale=1">を追加しました

これで私の問題が整理されました。助けてくれてありがとう。

1
Paddy