持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第决13天
什么是媒体查询？ 媒体查询是css3新语法。 媒体查询是针对不同的屏幕尺寸设置不同的样式。
@media的值有（screen，all，sprint）
@media screen用于所有电子设备屏幕
@media sprint用于打印机和打印预览
@media all用于用于所有电子设备屏幕和打印机和打印预览
@media screen and (max-width:800px) { }这句话表示在我们的屏幕上小于且等于800像素时，设置我们想要的样式，max-width:800px是宽度小于等于800像素。
@media screen and (min-width:800px) { }这句话表示在我们的屏幕上大于且等于800像素时，设置我们想要的样式，min-width:800px是宽度大于等于800像素。
既然可以电子设备频幕可以大于，也可以小于，那想必也能在这两者之间设置我们想要的样式吧，接下来，我们看下语法格式的写法吧：
@media screen and (min-width:600px) and (max-width:1000px){}这句话表示在我们的屏幕上大于且等于600px，小于且等于1000像素时，设置我们想要的样式
