? 1.斷點。 斷點會使預設位置的頁面布局變形，即，桌面上顯示三列，而移動設備上僅顯示一列。 大多數CSS屬性可以在斷點之間變形。 斷點的位置通常取決于內容。 例如，如果要包裝句子，則可能需要添加斷點。

? 2.較大值和較小值。 有時候，將整個屏幕寬度都填滿是一件好事（例如，在移動設備上），但是如果相同的內容填滿了電視屏幕，則似乎并不合理。 這就是為什么存在較大值/較小值的原因。

? 3.嵌套對象。 還記得相對位置嗎？ 如果許多元素彼此緊密相關，則將很難控制。 因此，將元素放置在容器中會使它們更易于理解和簡潔。 在這種情況下，使用諸如像素的靜態單位。

? 4. Web字體與系統字體。 想要在您的網站上產生酷炫的Futura或Didot效果嗎？ 使用網絡字體。 盡管Web字體看起來很酷，但您要記住，這些字體需要由用戶下載，并且單詞越多，用戶加載頁面所需的時間就越長。