1， 媒体查询表达式之间还可以用逗号，@media (max-width:800px), print 它表示或的意思 @media (max-width: 800px) OR print;
2， not 是对整个表达式的否定 @media not all and (min-width: 765px)， 相当于 @media not （all and (min-width: 765px)） 如果不想这样的做，可以用，进行分割，@media not all, min-width:765px
3, only: 防止老旧的浏览器，它不支持媒体查询，而应用到给定的样式。
media = “only screen and (max-width:800px)”
老旧的浏览器，它会在第一个空格处，也就是only 的后面，把后面的文字忽略掉，解析为 media=”only”, 它只会解析第一个单词,media 属性中没有定义only, 所以这里设置的样式就会被忽略掉。
media =“ screen and (max-width:800px)”
老旧的浏览器,它只会解析第一个单词 所以成为了 media =”screen” ,可以看到这里定义的样式，就会应用到html 文件中。
4, 如果在断点分割时使用相对单位rem, 如 @media(max-width: 50rem), 它隐藏着一个小小的坑，就是rem是相对于浏览器的默认字体16px 进行计算的，50rem = 50*16px = 800px; 而不是根据html的字体大小来进行计算。