標籤：
在這次項目中，瞭解到視口的問題，以下為視口的敘說。
meta的視口設定
為什麼使用要設定視口：
定義視口的寬為裝置寬，初始縮放為1倍，最大和最小縮放倍數為1，禁止使用者縮放
<meta name=”viewport” content=”width=device-width, initial-scale=1, maximum-scale=1,minimum-scale=1,user-scalable=0″>
這是很多手機開發商都為了讓使用者提要到完整的web體驗而設定一個虛假的視口寬度，以欺騙瀏覽器這個螢幕可以裝載那麼多
內容，而具體像素是980px，至於有沒有其他像素，目前不知道，這個體驗先是蘋果先實現的。所以蘋果手機都是980px。
這與手機解析度無關。
將視口設定為其視口實際大小來渲染頁面。
測試代碼：
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <h1></h1> <script> var oH1=document.getElementsByTagName("h1")[0]; oH1.innerHTML=document.documentElement.clientWidth; </script></body></html>
可以在調試工具裡使用調試行動裝置的模式，可以觀察到不同手機解析度卻使用同樣的寬度980px。
如果設定了<meta name=”viewport” content=”width=device-width, initial-scale=1, maximum-scale=1,minimum-scale=1,user-scalable=0″>，
它的結果就不一樣了，視口寬度和解析度一樣。
介紹一個js庫，專門檢查裝置的：device.js
移動端項目技術總結
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
