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>

  • 相关阅读:
    揭秘Amazon反应速度超快的下拉菜单
    CSS3滤镜
    雅虎团队经验:网站页面性能优化的34条黄金守则
    10条影响CSS渲染速度的写法与建议
    前端优秀网站
    视频媒体播放,最好的 HTML 解决方法
    zen-coding for notepad++,前端最佳手写代码编辑器
    ASP.NET中IsPostBack详解
    w3c教程
    怎样才能成为优秀的前端开发工程师
  • 原文地址:https://www.cnblogs.com/justlikethat/p/9216834.html
Copyright © 2011-2022 走看看