媒体查询

• 常见的媒体查询类型mediatype是screen，用于计算机屏幕、平板电脑、智能手机等等，其他类型如print用于打印机等不常见

/* 语法，适用于具体样式 */
@media not|only mediatype and (expressions) {
  CSS-Code;
}

<!-- 语法，用于直接判断使用css文件 -->
<link rel="stylesheet" media="mediatype and|not|only (expressions)" href="print.css">

/* 示例 */
@media screen and (min-width: 1367px) {
  /* 具体样式 */
}