Window 宽度 JavaScript

Window width in JavaScript

我对 $(window).width() 有一些神秘的困扰。

我在 Chrome 设备工具栏中以 320xXXX window 大小打开我的网站。然后,我在 Google Chrome JavaScript 控制台 $(window).width() 中 运行 并显示 980。这就是为什么 css 中我的 @media 中的 none 无法正常工作的原因。有什么解释吗?

顺便说一下,当我调整 Chrome window 大小时,它神奇地开始看到正确的 window 宽度。

作为OP的评论,这里是答案。

您将需要添加 viewport 标记以存档 @media css

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