网页如何实现自动满屏

作者

有时我们在制作网页的时候需要实现自动满屏功能，那么你知道网页如何实现自动满屏吗？接下来的内容中就让爱站小编为大家进行详细的介绍。

以前可以搞个<table>，然后设它的height=”100%”，这样整个表格就充满了页面，再将内容放在这表格内，搞定。可是不知从什么时候开始，突然发现这个属性失效了。

跟头部

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

这句有点儿关系。去掉也可以自动满屏，窗口有多大，window.document.body.offsetHeight就有多大。

保留这个头部，稍加变通，也可以满屏。

方法是在最外层加个DIV，如下：

<div id=”divTest” style=”width:100%;height:100%;position:absolute;”>

 

注意这个;position:absolute; 一定要有，否则也不起作用。这个DIV就作为整个页面的容器。

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

<html xmlns=”http://www.w3.org/1999/xhtml”>

<body onload=”LoadTabPage();”>

<div id=”divTest” style=”width:100%;height:100%;position:absolute;”>

……

</div>

</body>

</html>

看完后你知道网页如何实现自动满屏了吗？有需要的用户，可以参照上述操作来实现网页自动满屏，希望今天的分享能给大家带来帮助。