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

猜你喜欢

转载自www.cnblogs.com/Syinho/p/12297382.html