响应式html代码规则

<meta name="viewport" content="width=device-width, initial-scale=1"/>

<link rel="stylesheet" media="screen and (max-width: 767px)" href="small.css" /> 在600px以内的用这个css

<link rel="stylesheet" media="screen and (min-width: 768px)" href="big.css" /> 大于768px的用这个css
<div class=""> </div> 用一个大div包裹整个body下的所有内容
/********************css初始样式*****************/

*{
margin:0;
padding:0;
}
html{
font-size:62.5%;/*之后字体14px,为1.4rem*/
}
img{
max-width:100%;
border:0;
}
object,embed{
max-width:100%;
}
.container{
width:100%;
}

/********************css初始end***********************/

/************ 字体图标库,***************/

<link rel='stylesheet' type='text/css' href='css/font-awesome.min.css' />

<i class='fa fa-2x 图标名称' ></i>