中文字幕理论片,69视频免费在线观看,亚洲成人app,国产1级毛片,刘涛最大尺度戏视频,欧美亚洲美女视频,2021韩国美女仙女屋vip视频

考慮到未來響應(yīng)式設(shè)計的開發(fā)，如果你需要，瀏覽器的高度也可以基于百分比值調(diào)整。但使用基于百分比值并不總是相對于瀏覽器窗口的大小定義的最佳方式，比如字體大小不會隨著你窗口改變而改變，如今css3引入的新單位明確解決這一問題。

css3引入的”vw”和”vh”基于寬度/高度相對于窗口大小，”vw”=”view width”, “vh”=”view height”; 以上我們稱為視窗單位允許我們更接近瀏覽器窗口來定義大小。 參照demo案例對照下面四個容器的css樣式:

.demo {   width: 100vw;   font-size: 10vw; /* 寬度為窗口100%， 字體大小為窗口的10% */}.demo2 {   width: 80vw;   font-size: 8vw; /* 寬度為窗口80%， 字體大小為窗口的8% */}.demo3 {   width: 50vw;   font-size: 5vw; /* 寬度為窗口50%， 字體大小為窗口的5% */}.demo4 {   width: 10vw;   height: 50vh; /* 寬度為窗口10%， 容器高度為窗口的50% */}

大家可以把demo窗口收縮來查看不同大小時候的變化。目前這款css3的應(yīng)用支持所有主流瀏覽器，IE必須10以上。