這是因為ems是一個可縮放的相關單位，它可以根據父級元素的字體大小進行相對應的縮放，這意味著不管字體增大還是縮小，網站的布局也會相應的進行調整，排版不會有任何變形。由于其可伸縮性和適應移動設備的特性，ems在web文檔中正變得越來越受歡迎。

下面是關于ems的一個栗子，假設這有兩個結合內容和設備設置的斷點，一個是高分辨率的電腦，另一個是小屏幕的平板電腦。一個ems等于當前的字體大小，例如，基本字體是16px，1em就等于16px，為了在3840*2160分辨率的電腦上更好的瀏覽，我們將基本字體增大到22px，同樣，在800*600分辨率的平板電腦上，我們將基本字體減小到14px?，F在兩個設定斷點(一大一小)上網站的布局已經完全改變了。在分辨率比較大的電腦上顯示的網站上，1.4em的標題，基本字體22px，這意味著1.4em等于30.8px，但在分辨率較小的平板電腦上，1.4em的標題，基本字體14px，這里1.4em等于19.6px。從這可以看出em在本質上是可伸縮的，盡管網站字體已經變成大或變小，我們都無需擔心網站布局的破壞，因為它會隨著字體的變化適當進行自我調整。只要我們好好利用這些相對單位，響應式網站的整體布局和排版就可以很美觀。

對于響應式設計，你是否有進入以上的某個誤區?響應式網站設計是大勢所趨， 新網網建服務商提供了一系列精美的響應式網站模板，你可以隨心挑選快速建站;結合內容和設備設置斷點，網站在移動端上更適合;字體排版、網站布局美觀典雅;響應式設計可以保證你的網站在眾多設備上都有一致的表現力;在建站過程中你有哪些想法還可以和我們的設計師一起交流切磋。