Question

我正在尝试在jquery中编写一个重新调整大小的脚本，将div高度设置为百分比，以便在重新调整浏览器大小时站点保持响应。要为宽度执行此操作：我使用此脚本

function changeWidth() {
    var listWidth = (listContainer.width()/$(window).width())*100;

    listContainer.width(listWidth + '%');
};

这是我的changeHeight脚本

function changeHeight() {
    var mapHeight = (mapContainer.height()/$(window).height())*100;

    mapContainer.height(mapHeight + '%');
}

然而，当我尝试用高度做同样的事情时，我$(window).height()返回页面的整个高度（在这种情况下，是16738）。我以为$(window).height()返回了浏览器窗口高度？知道我还能尝试什么吗？

修改：

console.log($(window).height() + ' - ' + $(document).height());正在返回16738 - 16738

Answer 1

我的HTML语句中缺少DOCTYPE。

我有<html>并将其更改为<!DOCTYPE html>并添加

html, body {
  height: 100%;
  min-height: 100%; /* for firefox */
  width: 100%;
  min-width: 100%;
}

我的css解决了这个问题。