2017-03-06 89 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">