flex-box + 百分比，解决一切问题

我来说下，所谓的响应式布局 现在主要有两种。一种是bootstrap类似的框架，这种方式主要通过媒体查询器media来控制。但其默认的尺寸单位仍是px和pt。所以使用响应式框架后 页面只是在某一范围内才会发生相应变化。并且由于还在使用绝对单位 会导致一个问题：页面很容易比例失调。。 在大手机上看到的和小手机的页面比例不一致 也就是并未完全符合设计初衷。当然 这种情况选择满大街都是 影响不是很大。
第二种就是用上rem作为尺寸单位。单独使用或者和bootstrap配合使用。
另：rem水还是比较深的 有时候你需要和px灵活使用。有时候你也需要对rem的标准度量（我自己的叫法……也就是font-size）进行限定（比如pad上需要设置最大尺寸，总不能让页面元素和pad一起放大吧……）
rem使用好了 bootstrap那种东西扔了吧。不是前端用的东西 。rem用好了 在不影响页面性能的同时 能极大提升页面的体验。