CSS3是一種強(qiáng)大的樣式設(shè)計(jì)語(yǔ)言，其中有兩種單位值得我們注意，分別是em和%。下面將會(huì)分別介紹它們的特點(diǎn)和使用場(chǎng)景。

em {
font-size: 1em;
}

em是相對(duì)單位，它的大小基于元素所在的父元素的字體大小。例如，如果一個(gè)元素的字體大小設(shè)置為1.2em，那么它的實(shí)際大小就是父元素的字體大小乘以1.2。因此，em通常用于在不同大小的元素中創(chuàng)建比例關(guān)系。

width: 50%;

%是基于元素所在的容器的大小。例如，如果一個(gè)元素的寬度設(shè)置為50%，那么它的實(shí)際寬度就是所在容器的寬度的50%。%通常用于創(chuàng)建響應(yīng)式設(shè)計(jì)中的自適應(yīng)元素。

在實(shí)際應(yīng)用中，我們可以根據(jù)具體需求選擇使用em或%。使用em時(shí)，我們需要明確元素的字體大小以及它所在的父元素的字體大小。而使用%時(shí)，我們需要明確元素所在的容器大小。這兩種單位都是非常實(shí)用的，可以在設(shè)計(jì)中起到很好的效果。