1.断点。断点会扭曲预设位置的页面布局，即桌面上显示三列，而移动设备上只显示一列。大多数CSS属性可以在断点之间变形。断点的位置通常取决于内容。例如，如果要换行，可能需要添加断点。

2.值大值小。有时候填满整个屏幕宽度是好事(比如在移动设备上)，但是同样的内容填满电视屏幕就显得不合理了。这就是为什么会有更大/更小的值。

3.嵌套对象。还记得相对位置吗？如果很多元素之间关系密切，就很难控制。因此，将元素放在容器中会使它们更容易理解和简洁。在这种情况下，使用像素等静态单位。

4.网页字体和系统字体。想在你的网站上创造一个酷的未来或迪多特效应吗？使用网络字体。虽然Web字体看起来很酷，但是你要记住，这些字体是需要用户下载的，字数越多，用户加载页面的时间就越长。