Chrome 開発者ツールのピクセル数がおかしい

Question

現在以下の環境でrailsを使用しwebアプリケーション開発をしています。
・MacBook Air (M1, 2020) macos Big Sur
・chrome バージョン: 92.0.4515.131（Official Build） （arm64）
・Docker Desctop Version 3.5.2 (3.5.2.18)
・rails 6.0.3.4

chromeの開発者ツールを使用して見え方を確認したところ、ページによってはやけに文字や画像のサイズが小さく表示されてしまいます。

画像ですが、pのwidthを375pxにしたにも関わらず、画面の半分にも到達していません。

レティーナディスプレイが影響していると思ったのですが、同じ現象が見つからず、原因がわからずにいます。

他に必要な情報があればコメントお願いいたします。

正常に表示させたいです。
いい解決策があればご教授願います。

Answer 1

headの中にviewportは指定されていますか？

<meta name="viewport" content="width=device-width,initial-scale=1">

Comments

[kei344]

回答かぶった。

[nokomilk_fish]

ご回答ありがとうございます。maisumakun様へのコメントで記載した通りです。

[nokomilk_fish]

回答時間でベストアンサーを判断させていただきました。すみません。

Answer 2

ビューポートはきちんと適用していますか？

ビューポートを指定しない場合、スマートフォンは縮小表示を行います。

Comments

[nokomilk_fish]

指定していませんでした。指定したところ、正しく表示されました。ありがとうございます。