为什么Google Chrome移动设备模拟器会显示我的320像素宽的网站?

时间:2014-12-05 18:40:40

标签: google-chrome responsive-design media-queries

如果用户浏览器的“最大宽度”小于480像素,我已经向我的网站添加了媒体查询,以便页面显示宽度为300像素。

我的问题是:当我使用谷歌浏览器的设备模拟器查看页面时 - 模拟器非常明确地说苹果iPhone 6的宽度是“375”像素宽,为什么我的300像素宽的网站显示在更窄的宽度(约100像素)?

我很困惑,因为当我通过我的标准PC浏览器查看网站并减少浏览器的宽度时 - 一切都很好。当我使用模拟器时,即使它指定Apple iPhone 6的分辨率为375像素,为什么网页缩小到大约100像素宽?

有什么想法吗?

1 个答案:

答案 0 :(得分:5)

您是否已加入元标记

<meta name="viewport" content="width=device-width, initial-scale=1.0">
页面标题中的