HTML5移动端通用css

来源：互联网发布：mac怎么换桌面编辑：程序博客网时间：2024/06/06 02:17

HTML5移动端通用css

下面是common.css内容

/*css初始化*//*清除内外边距*/body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,img{margin: 0;padding: 0;border: medium none;}h1,h2,h3,h4,h5,h6{font-size: 100%;}*{box-sizing:border-box;}em{font-style: normal;}/*重置列表元素*/ul,li{list-style: none;}/*重置超链接元素*/a{text-decoration: none;color: #333333;}a:hover{text-decoration: underline;color: #f40;}/*重置图片元素*/img{border: 0px;vertical-align:middle;}/*重置表格元素*/table{border-collapse: collapse;border-spacing: 0;}html,body{font-size:11px;font-family:Helvetica;height: 100%;color: #333;}

@media screen and (max-width:320px){html,body {font-size:11px}}@media screen and (min-width:321px) and (max-width:375px){html,body {font-size:12px}}@media screen and (min-width:376px) and (max-width:414px){html,body {font-size:13px}}@media screen and (min-width:415px) and (max-width:639px){html,body{font-size:15px}}@media screen and (min-width:640px) and (max-width:719px){html,body{font-size:20px}}@media screen and (min-width:720px) and (max-width:749px){html,body{font-size:22.5px}}@media screen and (min-width:750px) and (max-width:799px){html,body{font-size:23.5px}}@media screen and (min-width:800px){html,body{font-size:25px}}.icon{height: 1.5rem;vertical-align: middle;}/*头部*/.l_header {    position: relative;    height: 48px;    background: rgba(0,0,0,.1);    color: #fff;    text-align: center;    line-height: 48px;    font-size: 1.3rem;    background-color: #48C23D;    /* background: -webkit-linear-gradient(left,#5191FF, #3CA8FE,#29C1FE,#38BAFE); */}.l_header a img {    width: 30px;    position: absolute;    top: 9px;    left: 10px;}/** 无数据 */.no-result{  display:none;  padding-top: 30px;  text-align: center;  font-size: 14px;}.no-result img{  width: 273px;  height: 56px;  margin-bottom: 5px;}.no-result text{  width: 100%;  color: #666;  float: left;}

阅读全文

0 0