1.断点:断点会使预设位置的页面布局变形,即,桌面上显示三列,而移动设备上仅显示一列。大多数CSS属性可以在断点之间变形。断点的位置通常取决于内容。例如,如果要包装句子,则可能需要添加断点。
2.较大值和较小值:有时候,将整个屏幕宽度都填满是一件好事(例如,在移动设备上),但是如果相同的内容填满了电视屏幕,则似乎并不合理。这就是为什么存在较大值/较小值的原因。
3.嵌套对象:还记得相对位置吗? 如果许多元素彼此紧密相关,则将很难控制。因此,将元素放置在容器中会使它们更易于理解和简洁。在这种情况下,使用诸如像素的静态单位。
4. Web字体与系统字体:想要在您的网站上产生酷炫的Futura或Didot效果吗? 使用网络字体。尽管Web字体看起来很酷,但您要记住,这些字体需要由用户下载,并且单词越多,用户加载页面所需的时间就越长。