1. @media mediatype and|not|only (media feature) {
  2.   css-Code;
  3. }
@media screen and (max-width: 800px) { /* [0, 800] */
  html {
    font-size: 14px;
  }
}

mediatype查询类型

属性值 描述
all 所有设备
print 打印机和打印预览
screen 电脑屏幕，平板电脑，智能手机等

媒体特性

属性值 描述
width 定义输出设备中页面可视区的宽度
min-width 定义输出设备中页面可视区的最小宽度
max-width 定义输出设备中页面可视区的最大宽度