Javascript 如何根据浏览器的窗口大小调整HTML文档大小？

我的情况：我正在将一个巨大的图像加载到我的web应用程序中，浏览器正在调整图像的大小。然后，我重新调整图像大小以适应浏览器的窗口大小，但我仍然可以向下滚动，并且存在大量空白，因为文档没有将其大小调整为新的重新调整大小的图像

我正试图做类似的事情，但不起作用：

var windowWidth = $(window).width();  // returns width of browser viewport
var windowHeight =$(window).height();   // returns height of browser viewport
var documentWidth = $(document).width(); // returns height of HTML document
var documentHeight = $(document).height(); // returns width of HTML document

documentWidth.resizeTo(windowWidth);
documentHeight.resizeTo(windowHeight);

您需要将文档的大小设置为窗口的大小

---

resizeTo也不是数字的属性，它不会做你认为它会做的事情。

这是自动的。除非你已经用CSS修复了它，否则你可以别管它。从技术上讲，html文档将始终与浏览器大小相同……我的情况很难解释，但我确实需要在所有脚本加载后根据窗口大小重新更改文档大小，否则我将有一个大滚动条，60%的页面将被删除空的。不真实的，@HuangChen在移动设备上键盘会弄乱东西为什么不给身体百分比？

var windowWidth = $(window).width();  // returns width of browser viewport
var windowHeight =$(window).height();   // returns height of browser viewport
var documentWidth = $(document).width(windowWidth); // sets height of HTML document
var documentHeight = $(document).height(windowHeight); // sets width of HTML document