レスポンシブデザインが上手くいかない

Question

前提・実現したいこと

レスポンシブデザインを組み込み、マルチデバイス対応サイトにしたい

発生している問題・エラーメッセージ

HTMLにviewport、CSSにメディアクエリを記述し、フォントの大きさなどはきちんと反映されているのですが、body要素からcontentがはみ出た状態？になっているようです。。

該当のソースコード

どのコードが原因かもわかりません。
HTMLにviewportを記述した時点で崩れます。

試したこと

bodyやwrap要素の幅を指定してみたりしましたが、ダメでした。。

補足情報（FW/ツールのバージョンなど）

はみ出ているという表現が正しいのか分かりませんが、検証でソースを確認したところヘッダー・フッターのサイズが”３７５”などのスマートフォンサイズになっていたので、はみ出ているのかなと思いました。
見た感じは、コンテンツはPCサイトの表示がそのまま小さくなって、ヘッダーフッターの幅が足りていないような風に見えます。

Comments

[m.ts10806]

この内容ではアドバイスができませんので、
現象が再現するコード、現象がわかる画面キャプチャなど、質問本文に追記してください。
コードは全体がわかるもの、他人が再現できるものである必要がありますので、無理に切り取ろうとしなくても良いです。

[m.ts10806]

あとマルチデバイス対応しようとされてると思いますが、自身が確認された端末やブラウザの種類やバージョンも追記してください。

[azuapricot]

コードも、キャプチャも何もないのに何を回答しろとおっしゃるのでしょう。
回答者は超能力者ではありません。

[yoshinavi]

＞body要素からcontentがはみ出た状態？･･･どのコードが原因かもわかりません。　→　他のコメントにもあるように、基となるコード提示がないと回答側も、どのコードが原因かもわかりません。

[ba-cahn]

みなさまおっしゃっているように
実際のコード→原因
崩れるイメージ→結果
がないと、回答するにもできない状況です。