手机端的一些tip

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/

图标的使用