媒体查询

CSS常用属性

媒体查询

语法格式：
@media 媒体设备 and (条件){
       选择器{
           属性 : 值;
        }
    }

• @media : 表示媒体查询
• 媒体设备：screen：电脑、手机、平板
  　　　　　speech：阅读设备
  　　　　　all：所有设备
• and：链接符号（并列条件）
• 条件：pc端 —> ap端 　 使用最大宽度（max-width：值）
  　　　ap端 —> pc端 　 使用最小宽度（min-width：值）

注意：IE10以下不兼容