css_@media

@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