一个关于头部元标记的css问题
<link rel="stylesheet"media="screen and <min width npx)" href="assets/stylesheets/large.css">
下面的代码还需要进去吗?
<link rel="stylesheet" href="large.css">
不要使用多个样式表进行响应式设计。这只会创建更多不必要的 HTTP 请求。阅读此处了解原因
相反,在您的 CSS 文件中使用媒体查询。像这样:
@media (min-width: 10em) and (max-width: 20em) {
/* responsive styles go here */
}
在此处阅读有关如何使用这些的更多信息:http: //css-tricks.com/logic-in-media-queries/
媒体查询是 CSS 语言在单个样式表中的一项功能。
您根本不需要更改<link>
标签。
<link media="...">
仅当您拥有仅应在特定媒体查询下应用的整个规则样式表时,该标记才有用;如果媒体查询不匹配,这允许浏览器跳过下载文件(节省带宽)