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

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

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

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