响应式媒体查询——媒体设备：

all 所有媒体

braille 盲文触觉设备

embossed 盲文打印机

print 手持设备

projection 打印预览

screen 彩屏设备

speech '听觉'类似的媒体类型

tty 不适用像素的设备

tv 电视

min-width: 当屏幕大小 大于等于 某个值的时候识别 max-width: 当屏幕大小 小于等于 某个值的时候识别

屏幕水平和垂直（orientation:portrait | landscape）

　　　　　　 屏幕水平  　　　　　　--> 
     
      1
     
  

媒体查询样式引入方式：

方法一：

方法二：

bootstrap：

container容器：

             
     
      container
     
        
     
      container-fluid
     

栅格系统对应的不同屏幕：

lg 大屏幕 大桌面显示器 (≥1200px)

md 中等屏幕 桌面显示器 (≥992px)

sm 小屏幕 平板 (≥768px)

xs 超小屏幕 手机 (<768px)

col-md-offset-*设置列偏移

     
            
      
                
       
        1
       
                
       
        2
       
            
      
        
     

更多关于bootstrap内容，参考官网：