无论缩放如何,获取浏览器窗口位置

Oli*_*ock 17 javascript browser zoom cross-browser

如何在不考虑缩放级别的情况下"固定"浏览器窗口的左边缘(包括菜单,边框,标题等)?(这个问题解决了基本问题,但不考虑缩放.).

window.screenLeft或window.screenX在Chrome和Safari上运行正常,但这些使用IE6,IE8和Firefox报告"固定"值.

我认为我可以更可靠地获得屏幕尺寸,也许可以使用它或screen.deviceXDPI来确定缩放系数,但我不知道如何使用它来纠正位置.

(有些人可能想知道我为什么要这样做.这是因为培训网站在用户屏幕的右侧打开了一个浏览器窗口.浏览器使用脚本标签hack与我的应用程序通信.应用程序想要调整自身大小,使其完全适合浏览器窗口的左侧.)

编辑

我应该提到两件事:

  1. 我问的是浏览器缩放,您通常可以从"视图"菜单访问,或者按住Ctrl并转动鼠标滚轮.由于大多数网页都不能很好地响应(例如)默认字体大小的变化而不会弄乱其布局,因此浏览器通过缩放所有测量(包括像素)来实现缩放.为了保持一致,他们还会缩放报告的客户端和窗口大小,鼠标位置等.对我来说麻烦的是我想要真正的(未缩放的)度量.
  2. 我正在寻找一个JavaScript解决方案.

Pat*_*ore -2

如果你想制作一个全屏应用程序,你是否考虑过这个: CSS 中的扩展中间

查看LiveDemo以获取已接受的答案。该解决方案完美地补偿了缩放造成的任何影响。