H5中移動端裝置的視口控制

當設計師在設計網頁時，一般會按照一個固定的寬度設計，比如在PC端是1000px或者1200px，在移動端是640px或者750px。然而當這些網頁在移動裝置上浏覽時會顯示不完整，裝置的寬度遠遠不夠。拿IPhone6來說，其視口寬度是375px，完全滿足不了網頁需求。

為了彌補這一點，移動裝置上浏覽器會把視口放大，一般是980px或者1024px。但這樣的後果是浏覽器會出現橫向滾動條，因為裝置實際可視區域比浏覽器自設的這個寬度要小很多，為了解決這個問題，就需要引入viewport屬性。viewport屬性通過一個meta标簽引入，實際代碼如下：

<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">