1.webkit-text-size-adjust
iPhone 和 Android 的浏览器纵向 (Portrate mode) 和橫向 (Landscape mode) 模式皆有自动调整字体大小的功能。控制它的就是 CSS 中的 -webkit-text-size-adjust。
2.设置窗口不可变，以及宽度为屏幕大小
<meta http-equiv="X-UA-compatible" content="IE=edge">
<meta name="viewport" content="width=device-width" initial-scale="1">
3.为了不受影响边距和padding
/*border-box，border和padding计算入width之内，*/
*,*:after,*:before{
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
-o-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
}
4.居中效果
*{
//http://fontawesome.io/
top:100%;
margin-top: -20px;
/*居中*/
left: 50%;
margin-left：20px;
}
5.http://fontawesome.io/examples/
图标的使用
