クロームの検証で見たときの見え方とスマホで見たときの違い

Question

いつもお世話になっております。

表題の件で質問させて頂きます。

あるサイトをクロームの検証でスマホ表示で見たところ、PC用のレイアウトがそのままぎゅっと縮まった形で表示されたので、ビューポートの設置をしていないのかと思ったのですが、実際にその際サイトをスマホで見ると、スマホ用のレイアウトで表示されていました。

検証でコードを見ると、media="screen and (max-width: 500px)"のような、画面サイズの記載もなく、、

今までレスポンシブといえば、ビューポートの設置、メディアクリエで画面サイズで切り替えが必要だと思っていたので、不思議に思い質問させて頂きました。

これってどういうことなのでしょうか？
ビューポートやメディアクリエを使用しないでもスマホ用のレイアウト表示が出来る方法があるのでしょうか？
URLはPCもスマホも同じでした。

お分かりになる方いらっしゃいましたら教えて頂けると幸いです。

宜しくお願い致します。

Comments

[kei344]

特定のURLで必ず起きるなら、そのURLも提示されたほうがよいです。

Answer 1

推測ですが、ユーザーエージェントを見てるのではないでしょうか。

デバイスサイズやユーザーエージェントによってCSSを切り替える3つの方法 | Web制作会社スタイル

Comments

[kato00]

なるほど！おそらくそういうことだと思います！
ありがとうございまし！