移动像素尺寸（使用Chrome模拟器）

Question

我正在开发一个移动模板，我在像素中设置了css尺寸。所以我看到了这个：

屏幕宽度为980px，100％宽度DIV为980px;这是合理的。

但是，当我在网上看到网站时，我看到了类似的内容：

现在chrome告诉我像素是495，怎么可能？ 显然，chrome设置与前面的示例相同....

Answer 1

在第一个示例中查看浏览器顶部的标尺指南，虽然您已将模拟器的尺寸设置为495px，但您的移动模板仍然以980px渲染...

这可能是由于缺少视口元标记：

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

也可能是由于缺乏媒体查询？没有看到你的代码，很难知道......