移動端頁面佈局 經常使用事件

移動端頁面佈局
流式佈局(百分比佈局自適應佈局)
　　視口
　　　　可見視口 　　設備屏幕寬度
　　　　佈局視口 　　網頁寬度
　　　　理想視口 　　經過meta標籤 理想視口是瀏覽器的事情
　　<meta name='viewport' content='user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0 '> </meta>
　　視口相關屬性
　　　　width　　px　　定義視口的寬度
　　　　height　　px 　 定義視口的高度
　　　　initial-scale 　　　　[0.0-10.0] 　　定義初始縮放值
　　　　minimum-scale 　　[0.0-10.0] 　　 定義最小縮小比例
　　　　maximum-scale 　　[0.0-10.0] 　　定義最大縮小比例
　　　　user-scalable 　　　yes/no 　　     定義是否容許用戶手動縮放頁面默認值 yesf

移動端經常使用事件

　　　　4種最基本的觸摸事件

　　　　touchstart 　　  手指觸摸屏幕時觸發 　　 　　 touchend 　　   手指離開屏幕時觸發
　　　　touchmove 　　手指在屏幕上滑動時觸發 　　 touchcancel 　　系統取消Touch事件時觸發

　　　　dom.addEventListener　　('事件名稱',function(e){},'冒泡,捕獲');