• 移动端公共css样式


    @media screen and ( min- 319px){html{ font-size: 100px;}}
    @media screen and ( min- 359px){html{ font-size: 106px;}}
    @media screen and ( min- 383px){html{ font-size: 112px;}}
    @media screen and ( min- 399px){html{ font-size: 118px;}}
    @media screen and ( min- 414px){html{ font-size: 120px;}}
    @media screen and ( min- 423px){html{ font-size: 130px;}}
    @media screen and ( min- 479px){html{ font-size: 140px;}}
    body{ font-family: Microsoft YaHei,STXihei,sans-serif; font-size: 14px}
    p{margin: 0}
    *{ box-sizing: border-box;-webkit-tap-highlight-color:rgba(255,0,0,0);margin: 0;padding: 0}
    :focus{outline:none;}
    input,a,img{border:0;}
    input[type=text],input[type=checkbox],input[type=button],input[type=date]{-webkit-appearance: none;}
    input,button{ outline:none;-webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent;}
    html, body { 100%; min- 320px; max- 640px;margin: 0px auto; font-family: "Microsoft YaHei"; color: #333;background: #f0eff5;}
    a{blr:expression(this.onFocus=this.blur())}

  • 相关阅读:
    订单号设计
    小公司的技术架构原则
    Redis配置详解
    实现图片懒加载
    Js的GC机制
    防抖与节流
    Js中的堆栈
    浏览器窗口间通信
    块级格式化上下文
    实现瀑布流布局
  • 原文地址:https://www.cnblogs.com/zhouyx/p/5160342.html
Copyright © 2020-2023  润新知