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

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

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

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