响应式布局的一些总结

由于我刚刚接触响应式布局，所以这些总结很水，熟手就没必要看了。

1.宽度一部分都是用百分比来解决。内部的一些小框架可以用rem来解决。

2.响应式布局百分比一定要确定好。最好是10PX的整数倍。

3.目前来看公司的响应式布局都是用比例来解决的，CSS代码只有一套，而我在网上看到的似乎是有多套CSS代码(多套的是自适应布局)。

4.在宽度为百分比显示的块中，不要使用position来定位，因为一旦宽度变化很有可能就变形。可以通过float来定位。

5.在开发移动端的时候flex是一个好东西，很多时候正常情况下做不了的布局都能用flex布局来解决。

6.有些时候开发的时候有些隐藏元素的内部设置也要考虑一下，能够有效减少后期修改优化的次数。例如一个块本来是要准备放表格的，都是现在表格隐藏了，那最好也还是先把表格的样式设置下。

7.放入一个图片之后最好把图片的宽度设为百分比，以防在不同的显示分辨率下图片的大小会挤压其他块的位置。

8.在设置一些内联元素的定位时，能在父元素上设置就用padding。