下面小编就为大家带来一篇使用CSS媒体查询创建响应式布局教程。小编觉得挺不错的，现在分享给大家，也给大家个参考。一起跟随小编过来看看吧

现如今在Web前端领域，BootStrap是一个最流行的UI库，其12列的栅栏系统为响应式布局提供了一种对程序员来说很好操作的模式。 追究Bootstrap的内在原理，其实就是通过媒体查询来完成对不同屏幕大小、不同分辨率、不同设备导致的不同场景下的Css样式的选择。今天我就对媒体查询这一工具或者说方法来进行一个总结。 从 CSS 版本 2 开始，就可以通过媒体类型在 CSS 中获得媒体支持。 1、如何使用媒体查询： XML/HTML Code复制内容到剪贴板 <link rel=s