简体   繁体   English

JavaScript中的窗口宽度

[英]Window width in JavaScript

I have some mystic troubles with $(window).width() . 我在$(window).width()遇到了一些神秘的麻烦。

I open my site in Chrome Device Toolbar with 320xXXX window size. 我在窗口大小为320xXXX Chrome设备工具栏中打开我的网站。 Then, I run in Google Chrome JavaScript console $(window).width() and it says 980 . 然后,我在Google Chrome JavaScript控制台$(window).width() ,显示为980 And that's why none of my @media in css not working. 这就是为什么CSS中我的@media都不起作用的原因。 Is there is any explanation for that? 有什么解释吗?

By the way, when I resize Chrome window, it magicaly start to see correct window width. 顺便说一句,当我调整Chrome窗口的大小时,它神奇地开始看到正确的窗口宽度。

As OP's comment, here is the answer. 正如OP的评论,这就是答案。

You will need to add viewport tag to archive @media css 您将需要添加viewport标签以存档@media CSS

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

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM