視口（viewport）是用來約束**中最頂級塊元素的，即它決定了的大小。
pc裝置
在pc裝置上viewport的大小取決於瀏覽器視窗的大小，以css畫素做為度量單位。
通過以往css的知識，我們都能理解的大小是會影響到我們的網頁布局的，而viewport又決定了的大小，所以viewport間接的決定並影響了我們網頁的布局。
移動裝置
移動裝置螢幕普遍都是比較小的，但是大部分的**又都是為pc裝置來設計的，要想讓移動裝置也可以正常顯示網頁，移動裝置不得不做一些處理，通過上面的例子我們可以知道只要viewport足夠大，就能保證原本為pc裝置設計的網頁也能在移動裝置上正常顯示，移動裝置廠商也的確是這樣來處理的。在移動裝置上viewport不再受限於瀏覽器的視窗，而是允許開發人員自由設定viewport的大小，通常瀏覽 器會設定乙個預設大小的viewport，為了能夠正常顯示那些專為pc設計的網頁，一般這個值的大小會大於螢幕的尺寸。如下圖為常見預設viewport大小（僅供參考）
移動瀏覽器
移動端web視口
移動前端中常說的 viewport 視口 就是瀏覽器顯示頁面內容的螢幕區域 總結首先看一下meta元標籤極其屬性 name viewport content width device width initial scale 1.0 maximum scale 1 user scalable no 這...
移動端web 視口
視口 viewport 問題 寫乙個div寬度為320px，使用手機端比如iphone4開啟，應該是佔滿的，但是看效果？答 並沒有佔滿一行，此時html標籤的寬度是980px。因為 瀏覽器在顯示移動端網頁時，會預設給予980px的布局空間 即 布局視口空間 什麼是視口？可以簡單理解為 瀏覽器給網頁布...
移動web viewport（視口）
1.手機擁有了瀏覽器的初期並沒有專門為移動裝置設計頁面，造成的直接結果就是訪問的頁面是直接將電腦頁面進行縮放，操作起來十分不便，viewport就是用來解決這個問題的 2.viewport視口屬性 該屬性只有在移動端瀏覽器上才有用 移動裝置上用來顯示網頁的區域 如果把移動該裝置的瀏覽器當做相框的話，...