我是否将此元标记用于媒体查询？

Question

关于头部元标记的css问题

<link rel="stylesheet"media="screen and <min width npx)" href="assets/stylesheets/large.css">

下面的代码是否还需要进入？

<link rel="stylesheet" href="large.css">

Answer 1

请勿使用多个样式表进行响应式设计。这只会创建更多不必要的HTTP请求。 Read here for why

相反，请在CSS文件中使用媒体查询。像这样：

@media (min-width: 10em) and (max-width: 20em) {
    /* responsive styles go here */
}

请阅读此处了解有关如何使用这些内容的更多信息：http://css-tricks.com/logic-in-media-queries/

Answer 2

媒体查询是单个样式表中CSS语言的一项功能。

您根本无需更改<link>标记。

<link media="...">标记仅在您拥有仅应在特定媒体查询下应用的整个规则样式表时才有用。这允许浏览器在媒体查询不匹配（节省带宽）时跳过下载文件