JavaScript中的窗口宽度

Question

$(window).width()我有一些神秘的麻烦。

我在Chrome设备工具栏中以320xXXX窗口大小打开我的网站。然后，我在Google Chrome JavaScript控制台$(window).width()中运行，并显示980。这就是为什么我的@media css都没有工作的原因。对此有什么解释吗？

顺便说一句，当我调整Chrome窗口的大小时，它会神奇地开始看到正确的窗口宽度。

Answer 1

作为OP的评论，这是答案。

您需要将viewport标记添加到归档@media css

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