[英]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.