移動端入門

　　什麼是移動WEB開發，我我的理解就是，將網頁更好的顯示在移動端的一些設置。

移動佈局

　　一，移動設備 :手機 和ipad

　　　　安卓系統ios系統

　　　　安卓系統：內置瀏覽器是谷歌，ios內置safari瀏覽器，他們的內核都是webkit,不考慮兼容性，須要考慮的是安卓和ios的區別。

　　二，佈局

　　　　設備寬度：  指設備的實際大小，設備的分辨率是廠家給的。

　　　　頁面的大小：是設計稿上的大小。

　　　　瀏覽器的視口：瀏覽器自帶的用document.documentElement.clientWidth查看，在移動設備上若是不作視口處理通常默認是980

　　列子：

　　　　設備寬是320，頁面寬是1200，瀏覽器視口是980px 三種不統一，咱們用移動設備看頁面，瀏覽器的視口會自動縮小，以100%完整展現頁面，就會變的不清楚，特別擠，咱們須要把這三個變的統一。

1，移動設備寬（320）和瀏覽器視口（980）寬一致

在head之間加一個meta標籤name="viewport"

設備寬度和瀏覽器視口一致時，若是頁面寬大於這個數字就會出現滾動條。

2，當移動設備和瀏覽器視口一致時，若是還使用之前的佈局，若是頁面超過設備寬，超過的部分會被截掉。不能使用傳統的開發模式了。