• css 样式初始化(rem兼容)


    html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,menu,nav,output,ruby,section,summary,time,mark,audio,video,input,button,textarea,select{margin:0;padding:0;font-size:100px;font-weight:normal;color:#666;border:0;vertical-align:baseline}body{line-height:1}ul,ol{list-style:none}input,button,textarea,select,input:focus,textarea:focus{background:0;outline:0}textarea{resize:none;overflow:auto}select{border:0}a,button{cursor:pointer}a{text-decorattion:none;blr:expression(this.onFocus=this.blur())}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}button,input,optgroup,select,textarea{-webkit-appearance:none}a,button,input,optgroup,select,textarea{-webkit-tap-highlight-color:rgba(0,0,0,0)}a,img{-webkit-touch-callout:none}video,img{vertical-align:top}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{display:block;margin:0;padding:0}mark{background:0}sub,sup{vertical-align:baseline}:link,:visited,ins{text-decoration:none}:focus{outline:0}::selection{background:#54bd4c;color:#fff}::-moz-selection{background:#54bd4c;color:#fff}::-webkit-selection{background:#54bd4c;color:#fff}.fl{float:left}.fr{float:right}.clear{clear:both}.clearoutline:focus{outline:0}a:link{text-decoration:none;color:#666}
    
    /*iphone6*/
    
    @media(min-device-375px)and(max-device-667px)and(-webkit-min-device-pixel-ratio:2){
    
        html{font-size:117.1875px;}
    
    }
    
    /*iphone6plus*/
    
    @media(min-device-414px)and(max-device-736px)and(-webkit-min-device-pixel-ratio:3){
    
        html{font-size:129.375px;}
    
    }
    
     
    
     
    
    /* 用于移动端rem匹配 */
    
    /*
    
    * 100px = 1rem
    
    */

    ————————————————
    版权声明:本文为CSDN博主「qtvbddit」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。
    原文链接:https://blog.csdn.net/qingdahai/article/details/85108880

  • 相关阅读:
    多表联合查询,利用 concat 模糊搜索
    order by 中利用 case when 排序
    Quartz.NET 3.0.7 + MySql 动态调度作业+动态切换版本+多作业引用同一程序集不同版本+持久化+集群(一)
    ASP.NET Core 2.2 基础知识(十八) 托管和部署 概述
    ASP.NET Core 2.2 基础知识(十七) SignalR 一个极其简陋的聊天室
    ASP.NET Core 2.2 基础知识(十六) SignalR 概述
    ASP.NET Core 2.2 基础知识(十五) Swagger
    ASP.NET Core 2.2 基础知识(十四) WebAPI Action返回类型(未完待续)
    linux磁盘管理 磁盘查看操作
    linux磁盘管理 文件挂载
  • 原文地址:https://www.cnblogs.com/China-baikaishui/p/12177201.html
Copyright © 2020-2023  润新知