六子技术网首页

六子技术网

  • 网站首页
  • HTML/CSS
  • javascript
  • seo优化
  • PS美工
  • 系统安全
  • 漏洞预警
  • 编程学习
  • 原创专区
  • 【六子技术网】是一家综合技术门户,为您提供网站建设,编程开发,安全维护,漏洞预警等技术文章

    技术文章MAP

    文章

    CSS自适应模板基本样式框架

    日期:2019/9/30 20:59:59来源分类:HTML/CSS

    CSS自适应模板基本样式框架  这里面定义了各种手机型号的框架,单独给每个手机设置兼容即可  合理的利用 display:none;就可以做出漂亮的自适应风格

    .pcad {
       display:block;
    }
    .sjad {

       display:none;
    }
    /* 苹果6 7 8 plus  如下 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

    @media (max-width: 416px){   
    .pcad {display:none;}
    .sjad {display:block;} 
    body {overflow-x: hidden;}

    }

    /* 苹果6 7 8 X 如下 */
    @media (max-width: 376px){
        b {
          margin:0px
        }     

    }

    /* 安卓如下--------------------------- */
    @media (max-width: 361px){
         b {
            margin:0px
          }     


    }

    /* 苹果5如下---------------------- */
    @media (max-width: 331px){
         b {
            margin:0px
          }     


    }

    本文由六子技术网小编:小熊编辑整理 - 转载请注明来源 - http://www.liuzi.net/htcss/html/3859.html

    随机推荐

    • 该分类还没有添加任何内容!
    • 该分类还没有添加任何内容!

    Copyright 2005-2019 【六子技术网】 版权所有 黑ICP备16886888号

    声明:本站所有文章来自互联网 如有异议 请联系本站管理员