1.手機擁有了瀏覽器的初期並沒有專門為移動裝置設計頁面，造成的直接結果就是訪問的頁面是直接將電腦頁面進行縮放，操作起來十分不便，viewport就是用來解決這個問題的
2.viewport視口屬性（該屬性只有在移動端瀏覽器上才有用）：移動裝置上用來顯示網頁的區域（如果把移動該裝置的瀏覽器當做相框的話，viewport就相當於相框中的畫，可能會比相框小/大，需要的就是剛好一樣大）
（1）修改viewport：可以通過meta標籤去修改viewport的值，防止出現滾動條
移動web的常見設定：
·name = 'viewport'告訴瀏覽器這個meta標籤設定的是viewport屬性
·content設定的是viewport屬性的值（屬性的賦值：屬性名=屬性值，其中屬性名不是亂寫的而是有固定的取值）
·width：寬度，其屬性值device-width表示的是裝置的寬度 （不需要給單位）
如果裝置的螢幕大小比裝置的視口大小要大就是能夠正常顯示的
·height：高度一般不設定，會讓內容來撐大
initial-scale=1.0 --> 視口預設的縮放比例
maximum-scale=1.0 --> 最大的縮放值
minimum-scale=1.0
--> 最小的縮放值
user-scalable --> 是否允許使用者縮放，一般其屬性值是no，表示禁止使用者縮放
（2）可選值
initial-scale:
minimum-scale:
maximum-scale:
height:
user-scalable:
（3）在webstorm中將視窗作為移動端的快捷方式：meta:vp+tab
視口的作用：在移動瀏覽器中當頁面寬度超出裝置的寬度，瀏覽器內部虛擬了乙個頁面容器，將這個頁面容器縮放到裝置這麼大，然後展示
目前大多數手機瀏覽器的視口（承載頁面的容器）寬度都是980px
視口的寬度是可以通過meta標籤去設定的：content裡面的width
第三方框架的核樣式表檔案一般就是他的包名.css或者是包名.min.css，然後帶min的一般都是壓縮的，我們引用的是沒有壓縮的
web移動視口
視口 viewport 是用來約束 中最頂級塊元素的，即它決定了的大小。pc裝置 在pc裝置上viewport的大小取決於瀏覽器視窗的大小，以css畫素做為度量單位。通過以往css的知識，我們都能理解的大小是會影響到我們的網頁布局的，而viewport又決定了的大小，所以viewport間接的決定並...
移動布局之視口
視口 viewport 就是瀏覽器顯示頁面內容的螢幕區域。視囗可以分為布局視囗 視覺視囗和理想視口。布局視口layoutviewport 了解就行 一般移動裝置的瀏覽器都預設設定了乙個布局視囗，用於解決早的pc端頁面在手機上顯示的問題。ios,android基本都將這個視囗解析度設定為980px，所...
移動端web視口
移動前端中常說的 viewport 視口 就是瀏覽器顯示頁面內容的螢幕區域 總結首先看一下meta元標籤極其屬性 name viewport content width device width initial scale 1.0 maximum scale 1 user scalable no 這...