視口單位(Viewport units) 什么是視口？
在桌面端，視口指的是在桌面端，指的是瀏覽器的可視區域；
而在移動端，它涉及3個視口：Layout Viewport(布局視口)，Visual Viewport(視覺視口)，Ideal Viewport(理想視口)
視口單位中的“視口”，桌面端指的是瀏覽器的可視區域
移動端指的就是Viewport中的Layout Viewport
“視區”所指為瀏覽器內部的可視區域大小，即window.innerWidth/window.innerHeight大小，不包含任務欄標題欄以及底部工具欄的瀏覽器區域大小
根據CSS3規范，視口單位主要包括以下4個：
1.vw：1vw等於視口寬度的1%，視框寬度是100Vw。
2.vh：1vh等於視口高度的1%，視框高度是100Vh。
3.vmin：選取vw和vh中最小的那個。
4.vmax：選取vw和vh中最大的那個。
div{ width:100%; min-height: 100vh; display: flex; justify-content: center; align-items: center; }