HTML实现网页自动满屏的代码和办法是什么
|
这篇文章给大家介绍了“HTML实现网页自动满屏的代码和方法是什么”的相关知识，讲解详细，步骤过程清晰，有一定的借鉴学习价值，因此分享给大家做个参考，感兴趣的朋友接下来一起跟随小编看看吧。 以前可以搞个<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> 感谢各位的阅读，以上就是“HTML实现网页自动满屏的代码和方法是什么”的内容了，经过本文的学习后，相信大家对HTML实现网页自动满屏的代码和方法是什么都有更深刻的体会了吧。 （编辑：银川站长网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
