通过媒体查询实现响应式布局：
@media screen and (min-width:600px) and(max-width:900px) { /* 样式 */ } 优点：一套页面适应多端设备，提升开发效率 缺点：页面效果不及单独为某一终端定制的页面效果；性能会降低，因为需要加载跟多的代码；维护成本提升 总结：大部分项目不会整体采用响应式布局的解决方案，可能部分页面采用。标签：900px,min,布局,响应,width,页面 From： https://www.cnblogs.com/GFM0518/p/16597259.html