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>

     

     

     

  • 相关阅读:
    复制域 动态域
    字段
    ik分词器
    redis配置文件
    注解事务头部
    springSecurity配置解析
    sprring安全的.xml
    springSecurity需要的webxml
    nginx负载均衡+keepalived高可用
    20190802_Nginx基础
  • 原文地址:https://www.cnblogs.com/leftfist/p/4258202.html
Copyright © 2011-2022 走看看