Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/70.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 不应该';t window.screenX和window.screenY在移动设备上的浏览器上工作?_Javascript_Html_Dom_Browser_Cross Browser - Fatal编程技术网

Javascript 不应该';t window.screenX和window.screenY在移动设备上的浏览器上工作?

Javascript 不应该';t window.screenX和window.screenY在移动设备上的浏览器上工作?,javascript,html,dom,browser,cross-browser,Javascript,Html,Dom,Browser,Cross Browser,当我在桌面Chrome上登录window.screenX时,我看到值1920 当我在Safari和Mobile上的手机和iPad上做同样的操作时,我要么看到0,要么看到一些非常奇怪的值 来自MDN: 问题 这不应该在桌面和移动设备、设备和浏览器上都起作用吗?您实际上想要返回哪些信息?从您的MDN: 返回: 一个数字,等于从浏览器视口左边缘到屏幕左边缘的CSS像素数 您的移动设备上的浏览器是否处于窗口模式?因为在全屏模式下,与大多数移动设备浏览器一样,它应该始终返回0,因为设备屏幕左侧和浏览器窗

当我在桌面Chrome上登录
window.screenX
时,我看到值
1920

当我在Safari和Mobile上的手机和iPad上做同样的操作时,我要么看到
0
,要么看到一些非常奇怪的值

来自MDN

问题


这不应该在桌面和移动设备、设备和浏览器上都起作用吗?

您实际上想要返回哪些信息?从您的MDN:

返回:

一个数字,等于从浏览器视口左边缘到屏幕左边缘的CSS像素数

您的移动设备上的浏览器是否处于窗口模式?因为在全屏模式下,与大多数移动设备浏览器一样,它应该始终返回
0
,因为设备屏幕左侧和浏览器窗口开始之间没有像素


您实际上是在尝试测量屏幕左侧和浏览器视口开始之间的空间,还是在尝试获得整个屏幕的水平分辨率?如果是后者,您要查找的可能是
window.screen.width
属性。该属性的文档可以在MDN上找到。

你说得对。完全误解了。我疯狂地试图找出一种方法来获得视口大小,而不管缩放级别如何,我认为
screenX
会对我有所帮助。我以为它会给我屏幕尺寸而不是浏览器窗口尺寸,但事实并非如此,正如你正确指出的那样。谢谢。顺便说一下,我在我的电脑上看到了1920,因为我有两个显示器,Chrome浏览器目前全屏显示在右边。是的,我知道你知道
window.screen.width
是以CSS像素还是实际屏幕像素显示的吗?从我的测试来看,它似乎是CSS像素,尽管我期望实际的屏幕像素,因为API名称
screen
。我看不到文档中的信息。你知道吗?我大约95%确定它会返回CSS像素。该属性是在CSSOM(CSS对象模型)下指定的,因此我认为这是一个很好的提示,它是CSS像素。另外,在另一个例子中,一条评论说这是CSS像素。