欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

css vm是什么單位

李中冰1年前10瀏覽0評論

在CSS中,尺寸單位跟隨著不同的規(guī)范和標準不斷更新。其中一個最新的單位就是vm,它是相對于懸掛的font-size的viewport的1/100而定義的。

為了更好地解釋VM單位,我們先簡單介紹一下Viewport視口單位,在CSS中,vw、vh等視口單位是相對于視口的寬度和高度而定義的,可以用于響應式布局中元素的定位和布局。而VM就是以其中一個視口單位vw(或vh)為基礎,基于文本字號而定義,vm代表viewport的水平或垂直尺寸的1/100,所以視口的寬度對于VM單位來說是動態(tài)的,因為它取決于當前字號和viewport的大小。

舉個例子,假設一個頁面上的文本字號是20px,則1vm就表示viewport的高度的1/100,即0.2vh,如果viewport的高度為500px,則1vm的值為1vh * 0.2 = 5px。

p {
font-size: 20px;
margin: 2vm 0;
}

以上代碼表示,p元素的上下邊距設置為的視口高度的2%。這意味著,如果viewport的高度為500像素,則p元素的上下邊距為10像素(500*0.02)。

總之,VM單位是一個樣式表達非常靈活的單位,可以用于設置相對于視口的元素高度、寬度等,適用響應式布局和移動端設計。