使用@media规则声明媒体查询，主要用于控制在不同的设备上显示不同的效果

媒体类型：
screen 适用于电脑屏幕、平板电脑、智能手机等
print 适用于打印预览

特性
width 可视区域的宽度
orientation 视窗的旋转方向（横屏landscape，默认竖屏模式）。

运算符：
and 并且
, 或者

@media screen and (min-width: 600px) and (max-width: 1024px) , (orientation: landscape) {}@media print {}

prefers-reduced-motion 减弱动画效果