• 记录移动端原生开发基础样式


    *{box-sizing: inherit;}
    
    body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section,b,span,em,i,select{ margin: 0; padding: 0;font-family: "Microsoft YaHei", "宋体","黑体";margin: 0; padding: 0;}
    body,html,div,blockquote,img,label,p,h1,h2,h3,h4,h5,h6,pre,ul,ol,li,dl,dt,dd,form,a,fieldset,th,td,legend{margin:0;padding:0;border:0;background: transparent;outline:none}
    em,i{font-style: normal;}
    body { /* min- 320px; */ overflow-x: hidden; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-font-smoothing: antialiased; -moz-user-select: none;}
    body:active { border:0;}
    html{ height: 100%;}
    fieldset, img, button, input { border: 0; }
    ul, ol { list-style: none; }
    a {color: #000;text-decoration: none;}
    table { border-collapse: collapse; border-spacing: 0; }
    input { /* -webkit-appearance: none; */ border-radius: 0; background:transparent;/* padding:0 5px; */}
    :focus { outline: 0; }
    .lf{ float:left;}
    .ri{ float:right;}
    .cf{zoom:1;}
    .cf:after{content:'';display:block;clear:both;height:0;overflow:hidden;visibility:hidden;}
    h1,h2,h3,h4,h5,h6{font-weight: normal;}
    img{width:100%;height: auto;}
    html{font-size: 100px;font-size: calc(100vw / 7.2);font-family: "Microsoft YaHei", "宋体","黑体";}// 使用时50px <--> 1rem
  • 相关阅读:
    涂鸦
    触发事件续
    触摸事件基本介绍
    背景平铺
    屏幕截图
    图片的裁剪
    图片水印
    UIKit绘图方法
    Java范型学习笔记
    《Head first设计模式》学习笔记
  • 原文地址:https://www.cnblogs.com/Hhuizi/p/14743906.html
Copyright © 2020-2023  润新知