• 媒体特性
      • width 视口的宽度
      • height 视口的高度
      • max-width 视口的最大宽度（视口小于指定宽度生效）
      • min-width 视口的最小宽度（视口大于指定宽度生效）
    • 样式切换的分界点，称其为断点
      • 一般常用断点
        • 小于768px，超小屏，max-width=768px；
        • 大于768px，小屏，min-width=768px；
        • 大于992px，中型屏，，min-width=992px；
        • 大于1200px，大屏，min-width=1200px；
    • 例子
      • @media screen （min-width：500px）and（max-width：700px）{ }
        • 媒体类型可以省略
        • ‘and’ 表示与，‘，’表示或。
      • @media not screen （min-width：500px）and（max-width：700px）{ }
        • 表除了后面的条件可以生效