css webapp窗口调整大小导致div对于窗口来说变得太大

Question

查看代码链接...

使用此代码，页面在调整大小时也为我提供了适当的宽度。但是高度必须用 jQuery 来调节。这给了我一个高度比我想要的 100% 高一点的 div，并且在调整页面高度大小时不会改变...

代码如下: http://jsfiddle.net/T6Uv4/

Answer 1

这取决于您要做什么。但如果您将 position: absolute; 更改为 position: fixed;，它应该会随着页面调整大小。

但是如果您在页面上有一个滚动条，那么您可能不希望它停留在页面上的相同位置。

position: absolute; 的问题不是动态的，因此如果您更改浏览器大小，它会保持页面首次加载时的原始大小。如果你在更改浏览器后按 CRTL+F5 页面，内容将弹出到它应该位于 position: absolute;

的位置

这是一个position: relative; Jsfiddle

这是您的 jquery 代码:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
  var windowHeight = $(window).height();
    $('#content').css({'height':windowHeight+'px'});
});
</script>

这是否是您要寻找的更多内容？

新的 jsfiddle 更新:updated fiddle

您需要移除主体填充和边距以及容器周围的边框。