CSS中的em
單位是一種相對于父元素字體大小的單位。它可以讓我們以一種更靈活的方式設置長度和大小,以適應各種屏幕尺寸和設備。
根據W3C對em
單位的定義,它是相對于用em
單位的父元素的字體大小。因此,如果我們將em
單位用于一個元素的寬度或高度,它將基于父元素的字體大小來計算。
.parent {
font-size: 16px; /* 父元素字體大小為16px */
}
.child {
width: 10em; /* 子元素寬度為10倍父元素字體大小,即160px */
}這是一個使用 em 單位的示例
在上面的示例中,子元素的寬度設置為10em
,即父元素字體大小的10倍,因此寬度為160px
。
我們可以根據需要為元素的大小和位置使用em
單位,以便在不同的視口大小和設備上保持一致的排版效果。
總之,使用em
作為單位,可以讓我們使用一種相對于父元素字體大小的單位來設置樣式屬性,使我們的網頁更具靈活性和可擴展性。
上一篇egg加vue
下一篇mui 結合 vue