响应式布局

通过媒体查询实现响应式布局：

    @media screen and (min-width:600px) and(max-width:900px) {

        /* 样式 */

    }

优点：一套页面适应多端设备，提升开发效率

缺点：页面效果不及单独为某一终端定制的页面效果；性能会降低，因为需要加载跟多的代码；维护成本提升

总结：大部分项目不会整体采用响应式布局的解决方案，可能部分页面采用。