viewport描述:
也就是可視區域。對於桌面瀏覽器，我們都很清楚viewport是什麼，就是除去了所有工具欄、狀態列、滾動條等等之後用於
看網頁的區域，這是真正有效的區域。由於移動裝置螢幕寬度不同於傳統web,因此我們需要改變viewport;這是真正有效的
區域。由於移動裝置螢幕寬度不同於傳統web,因此我們需要改變viewport
對於viewport我們可以操作的屬性：
width - viewport 的寬度 （範圍從200 到10,000，預設為980 畫素）
height - viewport 的高度 （範圍從223 到10,000）
initial-scale - 初始的縮放比例 （範圍從》0 到10）
minimum-scale - 允許使用者縮放到的最小比例
maximum-scale - 允許使用者縮放到的最大比例
user-scalable - 使用者是否可以手動縮放 (no,yes)
meta標籤表示：
width=device-width ：表示寬度是裝置螢幕的寬度
initial-scale=1.0：表示初始的縮放比例
minimum-scale=1.0：表示最小的縮放比例
maximum-scale=1.0：表示最大的縮放比例
user-scalable=no：表示使用者是否可以調整縮放比例
移動端viewport解惑
再配合 查詢 media就可以寫出適配各種手機端的頁面了。但是，為什麼就能夠了呢？網上查了很多資料，反覆看了很多遍還是似懂非，知道看了知乎中乙個問題的解答，茅塞頓開。自己不明白三個點，其中viewport，width，device width分別代表什麼？viewport瀏覽器的視窗，顯示網頁內容的...
移動端viewport的作用
我們知道，在css中我們一般使用px作為單位，在桌面瀏覽器中css的1個畫素往往都是對應著電腦螢幕的1個物理畫素，這可能會造成我們的乙個錯覺，那就是css中的畫素就是裝置的物理畫素。但實際情況卻並非如此，css中的畫素只是乙個抽象的單位，在不同的裝置或不同的環境中，css中的1px所代表的裝置物理畫...
移動端viewport自適應屏
1，viewport viewport,是移動端特有。這是乙個虛擬的區域，承載網頁的。在預設情況下，移動裝置上的viewport都是大於瀏覽器可視區域的，這是因為移動裝置的解析度相對於pc來說都比較小，所以為了能在移動裝置上正常顯示為pc瀏覽器設計的 移動裝置上的瀏覽器都會把自己預設的viewpor...