zoukankan      html  css  js  c++  java
  • 网页自动满屏

    网页自动满屏

     

    以前可以搞个<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>

     

     

     

  • 相关阅读:
    redis方法中文解释
    简单redis队列实现
    PHP中常用的字符串操作【转】
    SQL循环语句
    crontable 实例
    自动以当前时间命名文件
    tar命令详解
    PHP 数据类型验证和获取
    Nginx 配置文件nginx.conf的完整配置说明
    sql server DateFormat(转)
  • 原文地址:https://www.cnblogs.com/leftfist/p/4258202.html
Copyright © 2011-2022 走看看