我的javascript属性window.innerWidth没有给出我想要的值吗?

时间:2019-05-06 16:33:55

标签: javascript css sass

我遇到了一个小问题,这使我无法完成项目中的任务,但是我认为这很容易解决,我只需要一些帮助,所以这是我的问题,我使用简单的代码来查看响应模式下我的窗口宽度:

alert(window.innerWidth)

调整浏览器大小时,我获得了正确的值,但是当我选择Galaxy 5(由Ghrome提出)来查看结果时,我得到了一个奇怪的值,我想我知道它的来源,但我不是可以肯定的是,正如您在图片中所看到的那样,我正等着看警报中的(411),而是得到了一个更高的值(972 ???):

enter image description here

我的页面中有一个很大的容器,上面有一些CSS:

.container {
   min-width: 972px; 
}

所以我认为这可能是问题所在,所以我添加了以下代码:

$extra-small: "max-width:599px";
.container {
   min-width: 972px;
   @media($extra-small){
       min-width: 0px;
   } 
}

但是我仍然遇到同样的问题,因为现在我的容器没有最小宽度972 px,因此在检查元素时可以看到:

enter image description here

所以我应该怎么做才能修复该错误,我们将不胜感激。

1 个答案:

答案 0 :(得分:1)

看看What is the difference between window.innerWidth and screen.width?

看起来像test: export GOOS= test: export GOARCH= test: fmt vet go test ./... 可以满足您的要求。