レスポンシブに関して

Question

前提・実現したいこと

駆け出しのwebデザイナーです。
スマホ画面のレスポンシブ対応に関して

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

HTML/CSSのレスポンシブのコーディングを終わらせたのですが
スマホ画面にした時に拡大表示されてしまい
要素を全てwidthを全部100%にしても解消されません、、、
view portも<meta name="viewport" content="width=device-width, initial-scale=1.0">で設定しています。

スマホサイズのcssのmediaクエリのwidthも%表示にしなければ、拡大表示されてしまうのでしょうか？

### 試したこと

cssの要素全てwidth:100%にしたり、view portの設定を変えたりしましたが解消されません

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

ここにより詳細な情報を記載してください。

Comments

[Lhankor_Mhy]

「拡大表示」とはどのような状態ですか？

[VKaori]

サイトをスマホで開いた時にヘッダーの左上あたりのみが表示されます。
ピンチで縮小すれば、スマホ画面にぴったりハマるのですが、
スマホでの初期表示がサイトが拡大表示されています。

[Lhankor_Mhy]

ブラウザのレスポンシブモードでは、拡大表示されないのですか？

Answer 1

メディアクエリと組み合わせてviewportを賢く使わないと。
メディアクエリとviewportの使い方について - Qiita

事例がわかりやすい。
CSSメディアクエリとViewPortによるレスポンシブデザインの作り方 - WEBST8のブログ