修改

Question

所以我现在让网页全屏显示，但我使用100％的高度来获取所有css属性，现在我在右侧获得了一个滚动条。

http://www6.luc.edu/test/cabplan/maps/index2.html

当我将#content_container更改为89％的高度时，它会更改它，但在其他屏幕尺寸上看起来会有所不同。我如何制作它以使地图总是高度直到页脚上方右下方带有“esri”标志的页脚

Answer 1

这将更适合jquery。您可以调用它来调整加载高度和窗口大小调整大小。

要获得窗口高度，请使用

windowHeight = $(window).height();

您接受此操作并将其分配给变量并减去页眉和页脚的高度。并使用

设置css

${'#content_container').css({width: windowHeight+"px"});

然后，如果有人调整窗口大小，则在以下函数中运行相同的选项

$(window).resize(function() {
  //update stuff
});

修改

$(document).ready(function(){
 windowHeight = $(window).height();
 divHeight = windowHeight - 100 - 100; // heights of your header/footer
 $('#content_container').css({height: divHeight+'px'});
});

$(window).resize(function() {
 windowHeight = $(window).height();
 divHeight = windowHeight - 100 - 100; // heights of your header/footer
 $('#content_container').css({height: divHeight+'px'});
});

你可以通过分配变量替换100的静态高度调用并调用$（'#divid'）。height（）;由于你的标题是position：absolute，如果你减去标题，那么你需要将div从顶部定位到同一个px。

要在上面的javascript之前调用js包括以下内容。

<script src="http://code.jquery.com/jquery-1.6.4.min.js" />

HTML网页全屏第2部分

1 个答案:

修改