zoukankan      html  css  js  c++  java
  • 手机端样式

    @charset "UTF-8";
    /****/
    html,body,div,ul,ol,li,dd,dt,dl,p,h3,h4,span,input,textarea,select,option,table,tr,td,header,footer,section{padding:0;margin:0;box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
    h1,h2,h3,h4,h5,h6{margin: 0;padding: 0;-webkit-tap-highlight-color: rgba(0,0,0,0);}
    body{font-family:'Microsoft YaHei';100%;height:100%;min-320px;color:#666;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;font-size: 14px;} img{border:none;} ul,li{list-style-type:none;}
    input{outline: none;}
    a{text-decoration:none; color:#000;-webkit-tap-highlight-color: transparent;
      -webkit-touch-callout: none;
      -webkit-user-select: none;}
    .clear{display: block;overflow: hidden;clear: both;height: 0;line-height: 0;font-size: 0;} 
    .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
    .fl{float:left; display:block;}
    .fr{float:right; display:block;}
    .hide{display:none;}
    .table {display:table; 100%;}
    .t_cell {display:table-cell;vertical-align: middle;}
    .t_row{display: table-row;}
    
    @media screen and (min-300px){html,body,input{font-size:15px}}
    @media screen and (min-320px){html,body,input{font-size:16px}}
    @media screen and (min-340px){html,body,input{font-size:17px}}
    @media screen and (min-360px){html,body,input{font-size:18px}}
    @media screen and (min-375px){html,body,input{font-size:18.75px}}
    @media screen and (min-380px){html,body,input{font-size:19px}}
    @media screen and (min-400px){html,body,input{font-size:20px}}
    @media screen and (min-414px){html,body,input{font-size:20.7px}}
    @media screen and (min-420px){html,body,input{font-size:21px}}
    @media screen and (min-440px){html,body,input{font-size:22px}}
    @media screen and (min-460px){html,body,input{font-size:23px}}
    @media screen and (min-480px){html,body,input{font-size:24px}}
    @media screen and (min-500px){html,body,input{font-size:25px}}
    @media screen and (min-520px){html,body,input{font-size:26px}}
    @media screen and (min-540px){html,body,input{font-size:27px}}
    @media screen and (min-560px){html,body,input{font-size:28px}}
    @media screen and (min-580px){html,body,input{font-size:29px}}
    @media screen and (min-600px){html,body,input{font-size:30px}}
    @media screen and (min-620px){html,body,input{font-size:31px}}
    @media screen and (min-640px){html,body,input{font-size:32px}}
    @media screen and (min-660px){html,body,input{font-size:33px}}
    @media screen and (min-680px){html,body,input{font-size:34px}}
    @media screen and (min-700px){html,body,input{font-size:35px}}
    @media screen and (min-720px){html,body,input{font-size:36px}}
    @media screen and (min-740px){html,body,input{font-size:37px}}
    @media screen and (min-760px){html,body,input{font-size:38px}}
    @media screen and (min-780px){html,body,input{font-size:39px}}
    @media screen and (min-800px){html,body,input{font-size:40px}}
    @media screen and (min-1024px){html,body,input{font-size:51.2px}}
    @media screen and (min-1349px){html,body,input{font-size:67.45px}}
  • 相关阅读:
    串口调试助手的源码分析,子对话框部分
    vc 使用了SerialPort类的串口通信软件分析
    Web前端研发工程师编程能力飞升之路
    vc mscomm串口通信使用了CButtonST按钮类软件分析
    vc 串口精灵软件分析
    c#串口完全接收程序
    Windows Server 2003操作系统中禁用Internet Explorer增强的安全特性
    Window下查看进程端口号
    面向对象的设计原则(2)——依赖注入
    面向对象的设计原则(1)
  • 原文地址:https://www.cnblogs.com/pengxiangchong/p/11671614.html
Copyright © 2011-2022 走看看