在索引html doc的头部使用媒体查询，是否可以告诉访问者浏览器使用独立于原始样式表的单独样式表？
目前，我使用的是使用mobile_specific样式表以及原始的样式表，而样式变得很棘手。
<link type="text/css" media="screen" href="styles.css" rel="stylesheet">
<link href="styles_mobile.css" media="only screen and (max-device-width: 480px)" type="text/css" rel="stylesheet">
因此除了styles.css之外还使用了syles_mobile.css。 如何告诉浏览器仅使用“styles_mobile.css”而不是两个样式表？
答案 0 :(得分：3)
将媒体查询添加到常规样式表中，该样式表是您的移动查询的对话框：
<link rel="stylesheet" href="styles.css" media="only screen and (max-device-width: 480px)">
<link rel="stylesheet" href="styles_mobile.css" media="only screen and (min-device-width: 480px)">
PS：我建议您使用标准的属性顺序。并且type属性不是必需的，因为它具有默认值text/css，其中包含链接和样式元素以及脚本元素上的默认值text/javascript。