在网页上获取Surface Pro 3的高度

Question

我的笔记本电脑有1920x1080分辨率的显示器和分辨率为1920x1280的Surface Pro 3.我正在开发一个设计用于在1920x1080和1920x1280显示器上全屏观看的网页.

我已确认每个显示器的设置(见下文).

为什么我得到8xx而不是1280？如何获得1280的值以匹配Surface Pro 3的分辨率高度？

---

1920x1080显示器(在Windows 8上):

1920x1280(Surface Pro 3)显示(在Windows 10上):

---

用$(window).height()我的1920×1080的显示器,我得到如下:

这对我行得通.

---

但是,对我的1920x1280(Surface Pro 3)显示器使用此问题的建议......

• 使用已接受答案中的建议.

使用$(window).height():

使用$(document).height():

使用screen.height:

• 使用这个答案的建议:

• 使用这个答案的建议:

• 使用这个答案的建议:

• 使用这个答案的建议和这个答案和这个答案:

• 使用这个答案的建议:

• 这个建议是一个插件的自我推荐.我现在要传递这个.

• 该建议使用咖啡解决方案.我现在会坚持使用JavaScript和jQuery.

• 使用这个答案的建议(其他一些回答):

• 此建议需要外部库.我现在要传递这个.

• 使用这个答案的建议:

• 这个建议被纳入上面的一些其他答案.

---

Answer 1

您的 Surface Pro 3 似乎使用了 150% 的操作系统宽变焦系数。因此，浏览器返回宽度 1280 和高度 853（即 1280 * 1.5 = 1920 和 853 * 1.5 = 1280）。在控制面板中将 Windows 的缩放系数切换为 100%，浏览器将按预期返回宽度和高度。