Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/478.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript报告错误的窗口大小_Javascript_Mobile - Fatal编程技术网

Javascript报告错误的窗口大小

Javascript报告错误的窗口大小,javascript,mobile,Javascript,Mobile,我目前正在编写一个供个人使用的网页。也为了它,我试图使流体设计。为了实现这一点,我尝试了解有关客户端窗口的内容,以便更改页面中某些内容的位置。但我遇到了以下问题。似乎window.innerWidth是。。错 在我的台式电脑上,它返回1366的值(当窗口最大化时),这个值稍微有点小 错误,因为它计算滚动条宽度。我可以通过使用不考虑滚动条的document.documentElement.clientWidth来解决这个问题 在手机前端,情况更糟。innerWidth的报告值为360 在Nexus

我目前正在编写一个供个人使用的网页。也为了它,我试图使流体设计。为了实现这一点,我尝试了解有关客户端窗口的内容,以便更改页面中某些内容的位置。但我遇到了以下问题。似乎
window.innerWidth
是。。错

在我的台式电脑上,它返回1366的值(当窗口最大化时),这个值稍微有点小 错误,因为它计算滚动条宽度。我可以通过使用不考虑滚动条的
document.documentElement.clientWidth
来解决这个问题

在手机前端,情况更糟。innerWidth的报告值为360
在Nexus5和iPhone4S上都可以使用,我可以使用它们进行测试。使用
document.documentElement.clientWidth
并不能缓解这一问题。有没有办法可靠地知道查看我的页面的浏览器的窗口宽度?

什么?怎么会错呢?当然,它考虑了像素比率,但这是正常的。这里讲的是CSS像素。它也会受到桌面浏览器缩放的影响。@Dude有CSS像素的阅读材料吗?我真的不知道那是什么。(我不是一个真正的web开发人员,如果这个问题有点愚蠢,我很抱歉)我使用
,所以CSS像素应该等于物理像素。但是window
window.innerWidth
报告的像素远低于屏幕的实际分辨率。您阅读了全部答案吗?“这意味着CSS像素对于普通、简单的屏幕来说是一个设备像素。然而,对于操作系统将其正常尺寸放大两倍的专业超高分辨率屏幕,CSS像素可能是两个设备像素宽。”顺便说一句,禁用缩放非常烦人。