zoukankan      html  css  js  c++  java
  • code

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta content="telephone=no" name="format-detection">
    <meta content="email=no" name="format-detection">
    <meta name="description" content="xxxxx"/>
    <meta name="keywords" content=""/>
    <meta content="caibaojian" name="author"/>
    <title>xxxxxxxxxxx</title>
    <link rel="stylesheet" href="base.css">
    <style>
    #header {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 10;
    }
    #content {
    position: absolute;
    top: 10rem;
    overflow: hidden;
    100%;
    height: 100%;
    background-repeat: no-repeat;
    background-color: #666;
    background-size: cover;
    opacity: 1;
    background-image: url(a.png);
    }

    </style>
    <script type="text/javascript">
    (function(doc, win){
    var docE1 = doc.documentElement,
    resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
    recalc = function(){
    var clientWidth = docE1.clientWidth;
    if(!clientWidth) return;
    alert(clientWidth);
    docE1.style.fontSize = 20 * (clientWidth / 1440) + 'px';
    };

    if (!doc.addEventListener) return;
    win.addEventListener(resizeEvt,recalc,false);
    doc.addEventListener('DOMContentLoaded',recalc,false);
    })(document,window);
    </script>
    </head>

    <body>
    <div style="min-height: 100%;height: auto !important;">
    <div id="header" style="font-size:6rem;line-height:7rem;padding-top:1.5rem;padding-bottom:1.5rem; ">
    <a href="/" style="">X hahahhh</a>
    </div>
    <div id="content" >
    </div>
    <!-- 正文 -->
    <div id="foot"></div>
    </div>
    </body>
    </html>

  • 相关阅读:
    SnagIt 9-12 注册码
    【工具推荐】LICEcap –GIF 屏幕录制工具
    linux笔记一(基础命令)
    C#性能优化:延迟初始化Lazy<T>
    CSS3实现漂亮ToolTips
    mysql数据库sql优化
    精简代码,为网站减负的十大建议
    10个简单步骤,完全理解SQL
    13个mysql数据库的实用SQL小技巧
    MyBatis源码解读(二)
  • 原文地址:https://www.cnblogs.com/justlikethat/p/9216834.html
Copyright © 2011-2022 走看看