文章从Web前端响应式布局的现状与优势出发,重点阐述了所使用到的视口、媒体查询、流式布局、弹性布局、流式图片和rem适配布局等关键技术,通过对不同属性值的分析,使读者能够掌握Web前端响应式布局所使用的关键技术,最后展望了Web前端响应式布局的未来发展。