HTML5移动端通用css详解编程语言

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; 
}