2017-03-06 91 views
0

我有一些神秘的麻烦$(window).width()JavaScript中的窗口宽度

我在Chrome Device Toolbar中用320xXXX窗口大小打开我的网站。然后,我使用Google Chrome浏览器JavaScript控制台$(window).width()运行,它显示980。这就是为什么我的@media在CSS中没有工作。这有什么解释吗?

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

+3

你加视标签''? –

+0

@ĐàoMinhHạt,哇,你是对的!感谢您的回应!添加这个答案,我会接受它。 –

回答

1

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

您将需要添加viewport标签归档@media CSS

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