@media可以正对不同的屏幕尺寸设置不同的样式
@media mediatype and|not|only (media feature) { CSS-Code; }
针对不同的媒体使用不同的stylesheet：
<link rel="stylesheet" media="mediatype and|not|only (media feature)" href="mystlesheet.css>
mediatype现在只有all、print（打印机）和screen（电脑屏幕）两种了。所以几乎都是@media screen only
原文：https://www.cnblogs.com/Syinho/p/12297382.html