視口（viewport）就是瀏覽器顯示頁面內容的螢幕區域。視囗可以分為布局視囗、視覺視囗和理想視口。
布局視口layoutviewport （了解就行）
一般移動裝置的瀏覽器都預設設定了乙個布局視囗，用於解決早的pc端頁面在手機上顯示的問題。
ios,android基本都將這個視囗解析度設定為980px，所以pc上的網頁大多都能在手機上呈現，只不過元素看上去很小，一般預設可以通過手動宿放網頁。
視覺視口visualviewport （了解就行）
理想視口ideal viewport
為了使**在移動端有最理想的瀏覽和閱讀寬度而設定
理想視囗，對裝置來講，是最理想的視口尺寸
需要手動添寫meta視囗標籤通知瀏覽器操作
meta視囗標籤的主要目的：布局視囗的寬宣應該與理想視口的寬度一致，簡單理解就是裝置有多寬，我們布局的視囗就多寬
移動web viewport（視口）
1.手機擁有了瀏覽器的初期並沒有專門為移動裝置設計頁面，造成的直接結果就是訪問的頁面是直接將電腦頁面進行縮放，操作起來十分不便，viewport就是用來解決這個問題的 2.viewport視口屬性 該屬性只有在移動端瀏覽器上才有用 移動裝置上用來顯示網頁的區域 如果把移動該裝置的瀏覽器當做相框的話，...
web移動視口
視口 viewport 是用來約束 中最頂級塊元素的，即它決定了的大小。pc裝置 在pc裝置上viewport的大小取決於瀏覽器視窗的大小，以css畫素做為度量單位。通過以往css的知識，我們都能理解的大小是會影響到我們的網頁布局的，而viewport又決定了的大小，所以viewport間接的決定並...
移動端布局三種視口 移動端的三個視口
本文記錄學到的有關視口的內容，不足之處請指正。1 視口 有時會使用百分比來宣告寬度,如 html,body div假設div是body的子元素，這段css就表示該div佔body寬度的30 body沒有顯示宣告寬度，因此body占用了父包含塊html元素寬度的100 同樣的，html也沒顯示宣告寬度...