一、使用flex进行布局flex是面向“弹性容器”的属性和“弹性项目”的属性，一旦学会，做任何响应式布局都是小菜一碟。需注意兼容性问题！

.wapper {

    display: flex;

}

二.重置css样式不同的浏览器对于各种元素的默认样式存在很大的差异，在css开头为所有的元素设置通用的重置代码，为我们解决浏览器不一致问题

{

    margin: 0;

    padding: 0;

    box-sizing: border-box;

}

三、将图片作为背景当是响应式页面时，给页面添加图片时，最好使用background属性来引入图片，而不是<img>标签。不同适配中，用background-size, background-position等属性，保持或改变图片会更方便。

四、表格边框html中的table很难看也难做成响应式，只需设置border-collapse: collapse这个属性后，表格的边框好看多了.

五、友好的注释现在基本前后端分离，添加一些简单的注释可以将代码分类区分，方便自己也方便同事后期维护。