1.因此html5和css3引入視bai口的概念來代替顯示器du的物理zhi尺寸漂洋。通過在meta標簽上dao的設(shè)置祖乳,zhuan視口的長寬可以跟shu設(shè)備的物理分辨率相等逗堵,也可以不相等(以便手機上可以實現(xiàn)用兩個手指來放大會縮小頁面),可根據(jù)需要靈活掌握眷昆。在PC中,視口的長寬則是跟瀏覽器窗口的物理分辨率恒等的亚斋。
2.1vw等于視口寬度(viewport width)的百分之一,也就是說100vw就是視口的寬度帅刊。同理纸泡,1vh等于視30px改成5vw,意思就是窗口寬度的5%赖瞒,同理10vw女揭。
3.不過由于vw和vh是css3才支持的長度單位,所以在不支持css3的瀏覽器中是無效的口高度(viewport height)的百分之一田绑。