什麼是視口？
在桌面端，視口指的是在桌面端，指的是瀏覽器的可視區域；而在移動端，它涉及3個視口：layout viewport（布局視口），visual viewport（視覺視口），ideal viewport（理想視口）。
視口單位中的「視口」，桌面端指的是瀏覽器的可視區域；移動端指的就是viewport中的layout viewport, 「視區」所指為瀏覽器內部的可視區域大小，即window.innerwidth/window.innerheight大小，不包含工作列標題欄以及底部工具欄的瀏覽器區域大小。。
根據css3規範，視口單位主要包括以下4個：
1.vw：1vw等於視口寬度的1%。
2.vh：1vh等於視口高度的1%。
3.vmin：選取vw和vh中最小的那個。
4.vmax：選取vw和vh中最大的那個。
比如：瀏覽器高度950px，寬度為1920px, 1 vh = 950px/100 = 9.5 px，1vw = 1920px/100 =19.2 px。
vmax相對於視口的寬度或高度中較大的那個。其中最大的那個被均分為100單位的vmax。
vmin相對於視口的寬度或高度中較小的那個。其中最小的那個被均分為100單位的vmin。
vh/vw與%區別
css3自適應布局單位vw,vh
視口單位 viewport units 什麼是視口？在桌面端，視口指的是在桌面端，指的是瀏覽器的可視區域 而在移動端，它涉及3個視口 layout viewport 布局視口 visual viewport 視覺視口 ideal viewport 理想視口 視口單位中的 視口 桌面端指的是瀏覽器的可...
css3自適應布局單位vw,vh
在pc端，視口指的是在pc端，指的是瀏覽器的可視區域 而在移動端，它涉及3個視口 layout viewport 布局視口 visual viewport 視覺視口 ideal viewport 理想視口 視口單位中的 視口 pc端指的是瀏覽器的可視區域 移動端指的就是viewport中的layou...
css 自適應布局單位vw,vh
視口單位 viewport units 什麼是視口？在pc端，視口指的是在pc端，指的是瀏覽器的可視區域 而在移動端，它涉及3個視口 layout viewport 布局視口 visual viewport 視覺視口 ideal viewport 理想視口 視口單位中的 視口 pc端指的是瀏覽器的可...