我有一个<div>
我想全屏显示,但我也需要在文档的顶部掺入60px
高<div>
和10px
高<div>
。当浏览器窗口重新调整大小以保持全屏时,主div的大小将需要重新调整大小。调整大小DIV调整
<div id="div1" style="height: 60px">
</div>
<div id="div2" style="height: 10px">
</div>
<div id="fullscreen">
</div>
所以:
全屏高度= document size - (#div1 + #div2)
在重新大小重新计算上述值。
这种方法执行得更好,并且比jquery方法更易于维护。用这个! – 2010-04-27 11:02:16
请注意,您可能需要诸如'body {width:100%;身高:100%;}'这样才能按预期工作。 – 2010-04-27 11:02:53
很棒的CSS技巧,谢谢! – Med 2014-04-17 13:43:31