0
点赞
收藏
分享

微信扫一扫

网页自动满屏

老榆 2022-08-15 阅读 27


网页自动满屏

 

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

跟头部

<!DOCTYPEhtml PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

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

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

方法是在最外层加个DIV,如下:

<divid="divTest" style="width:100%;height:100%;position:absolute;">

 

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

<!DOCTYPEhtml PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<bodyonload="LoadTabPage();">
<divid="divTest" style="width:100%;height:100%;position:absolute;">
……
</div>
</body>
</html>

 

 

 

举报

相关推荐

0 条评论