私は、純粋なPHPとCSSで行われるレスポンシブWebサイトを設計するのは初めてで、ワードプレスのようなCMSは使用していません。 @media screen
と(max-width:....)
をレスポンシブデザインにのみ使用しています(Javascriptもそれに類するものもありません)。
私の質問は、モバイルGoogle chromeでレスポンシブWebサイトをテストするときです。そのWebサイトはサイズ変更されませんが、PC画面上にあるかのようにレンダリングされます。デスクトップのGoogle Chromeブラウザーを使用してウィンドウのサイズを変更すると、完全に機能します。 モバイルChromeにWebサイトをその画面サイズにレンダリングするためにWebサイト内でサイズを変更するように指示する必要がありますか、それともモバイルChromeはどのように動作しますか?
ビューポートを追加しなかったため、調査を行ってこのビューポート<meta name="viewport" content="width=device-width, initial-scale=1">
を追加しました
これで私の問題が整理されました。助けてくれてありがとう。