移動端主流方案

1、單獨製作移動端頁面（主流）

京東、淘寶

蘇寧易購手機版

2、響應式頁面相容移動端（其次）

  三星手機官網

通過判斷裝置，如果是移動端裝置開啟，則跳到移動端頁面。

• 移動端技術解決方案：

 　　　　移動端瀏覽器基本以webkit核心為主，因此我們需要考慮webkit相容性問題。

 　　　　瀏覽器私有字首考慮新增webkit即可。

• CSS初始化

　　　　移動端CSS初始化推薦使用normalize.css

　　　　好處如下：

　　　　①保護了有價值的預設值

　　　　②修復了瀏覽器的bug

　　　　③是模組化的

　　　　④擁有詳細的文件

           官網地址：http://necolas.github.io/normalize.css/

　　　  幫助文件：https://nicolasgallagher.com/about-normalize-css/

• CSS盒子模型

　　　　傳統模式寬度計算：盒子的寬度 = CSS中設定的width + border + padding

　　　　CSS盒子模型：      盒子的寬度 = CSS中設定的寬度width裡面包含了border和padding

　　      也就是說，我們的CSS中的盒子模型，padding和border不會撐開大盒子了

 　　　　如下所示：

 特殊樣式：