作成したwebサイトをモバイルで開いた場合にデザインをモバイル用に切り替えたい

Question

既にPC向けにはサイトが作成してあり、CSSとHTMLは作成してあります。

Comments

[miyabi_pudding]

・どのタイミングで切り替えたいのでしょう？
ページを開いた時点で？それとも、ブラウザのリサイズをした時？
・ソースコードを記載してください。
記載の際はコードブロックを使ってください。
HTML、CSS、存在するならJavaScriptも。
・ターゲットデバイスを記載してください。
（というかどのサイズで切り替えたいかを知りたい）
・自身でどこまで何を調査したか、キーワードなども含め記載してください。

総じて丸投げなので、もっと質問内容を精査してください。

[m.ts10806]

質問はなにでしょうか

[kokopi]

質問内容が明確になっておらずすみません。。
下記回答者さんの貼ってくれたサイトを参考にして進め、わからないところがあった場合に、質問する際は、詳細な情報を添えて質問させてもらおうと思います。
ありがとうございました。

[m.ts10806]

質問は編集できますので、適宜ご対応ください

Answer 1

CSSのメディアクエリを使うと良いと思います。
以下のサイトを参考にしてください。
レスポンシブの基本、メディアクエリの書き方
スマホ対応！CSSでメディアクエリの書き方【初心者向け】

Comments

[kokopi]

参考サイトのURLまでありがとうございます。
上記サイト参考に進めていきたいと思います。
ありがとうございました。

Answer 2

レスポンシブデザインで検索するとモバイル用にデザインを変更することができる記事がたくさんあるのでそちらを参考にしてください。

Comments

[kokopi]

回答ありがとうございます。
レスポンシブデザインで検索し、参考記事を見つけ進めていきたいと思います。
ありがとうございました。