視口單位(Viewport units)
什么是視口？
視口單位中的“視口”，在PC端，視口指的是瀏覽器的可視區域；在移動端，指的就是Viewport中的Layout Viewport；移動端涉及3個視口：Layout Viewport（布局視口），Visual Viewport（視覺視口），Ideal Viewport（理想視口），
“視區”所指為瀏覽器內部的可視區域大小，即window.innerWidth/window.innerHeight大小，不包含任務欄標題欄以及底部工具列的瀏覽器區域大小，，
根據CSS3規范，視口單位主要包括以下4個：
1.vw：1vw等于視口寬度的1%，
2.vh：1vh等于視口高度的1%，
3.vmin：選取vw和vh中最小的那個，
4.vmax：選取vw和vh中最大的那個，
vh and vw：相對于視口的高度和寬度，而不是父元素的（CSS百分比是相對于包含它的最近的父元素的高度和寬度），1vh 等于1/100的視口高度，1vw 等于1/100的視口寬度，
比如：瀏覽器高度950px，寬度為1920px, 1 vh = 950px/100 = 9.5 px，1vw = 1920px/100 =19.2 px，
vmax相對于視口的寬度或高度中較大的那個，其中最大的那個被均分為100單位的vmax，
vmin相對于視口的寬度或高度中較小的那個，其中最小的那個被均分為100單位的vmin，
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/155608.html
標籤：其他