zoukankan      html  css  js  c++  java
  • NEC 框架规范 template media

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8"/>
    <title>NEC:更好的CSS方案</title>
    <meta name="keywords" content=""/>
    <meta name="description" content=""/>
    <meta name="viewport" content="width=device-width"/>
    <link rel="stylesheet" href="css/style.css"/>
    <link rel="shortcut icon" href="img/favicon.ico"/>
    <link rel="apple-touch-icon" href="img/touchicon.png"/>
    </head>
    <body>
    <div class="g-doc">
    <div class="g-hd">

    </div>
    <div class="g-bd">
    <div class="g-mn">

    </div>
    <div class="g-sd">

    </div>
    </div>
    <div class="g-ft">

    </div>
    </div>
    </body>
    </html>

    /* media */
    /* 横屏 */

    @media screen and (orientation:landscape){
    
    }

    /* 竖屏 */

    @media screen and (orientation:portrait){
    
    }

    /* 窗口宽度<960,设计宽度=768 */

    @media screen and (max-959px){
    
    }

    /* 窗口宽度<768,设计宽度=640 */

    @media screen and (max-767px){
    
    }

    /* 窗口宽度<640,设计宽度=480 */

    @media screen and (max-639px){
    
    }

    /* 窗口宽度<480,设计宽度=320 */

    @media screen and (max-479px){
    
    }

    /* windows UI 贴靠 */

    @media screen and (-ms-view-state:snapped){
    
    }

    /* 打印 */

    @media print{
    
    }
  • 相关阅读:
    Annotation
    jdbc
    集合
    与运行环境交互
    计数排序and基数排序
    面向对象下
    面向对象
    流程控制与数组
    庆祝自己的BLOG开张
    Raspberry Pi配置为无线路由器
  • 原文地址:https://www.cnblogs.com/nmxs/p/5211914.html
Copyright © 2011-2022 走看看