【VSCode】拡張機能LiveServerのプレビュー画面(Chrome)で文字が小さく表示されてしまう

Question

実現したいこと

Visual Studio Codeの拡張機能LiveServerについて、画面右下のGo LiveよりGoogle Chromeにプレビューを表示させております。
HTML/CSSの模写コーディング中で、ソース通りに記述したのですが、文字サイズがイメージより小さく表示されてしまいます。

フォルダからindex.htmlファイルを開くとイメージ通りの大きさで反映されており、
Go Live押下時にも同様の大きさで表示させたいと考えております。

以下にスクショを添付しておりますので、解決方法がわかる方がいらっしゃいましたら、ご教示いただけますでしょうか。
よろしくお願いいたします。

発生している問題・分からないこと

【Go Liveから表示した場合】

【フォルダから開いた場合】

該当のソースコード

特になし

試したこと・調べたこと

• teratailやGoogle等で検索した
• ソースコードを自分なりに変更した
• 知人に聞いた
• その他

上記の詳細・結果

次の内容を試しました。
VSCodeの設定は間違った確認をしているかもしれないです。
・リセットCSS(destyle.css)の読み込み解除
・Live Serverの再インストール
・VSCodeの設定確認

補足

特になし

Comments

[Lhankor_Mhy]

ズームの倍率はどちらも100％ですか？ アイコンが出ているようですが。

[kj9h25]

こんな初歩的な内容にご返信いただきまして、ありがとうございます。
ズーム倍率が50%になっており、100%に戻したら一致しました…

[Lhankor_Mhy]

ご解決されて何よりです。

お手数ですが、自己解決の処理をお願いします。
https://teratail.com/help#resolve-myself

Answer 1

コメントいただいた通り、ズーム倍率が原因でした。
プレビュー画面の倍率を100%にリセットしたところ、文字サイズが一致しました。
ありがとうございました。