我正在尝试创建一个响应式网站。该设计有 3 个中断，分别为 480px、768px 和 1024px。我在文档头中的链接部分如下所示：
<link media="only screen and (max-device-width: 479)" href="320.css" type="text/css" rel="stylesheet" />
<link media="only screen and (min-device-width: 480) and (max-device-width: 767)" href="480.css" type="text/css" rel="stylesheet" />
<link media="only screen and (min-device-width: 768) and (max-device-width: 1023)" href="768.css" type="text/css" rel="stylesheet" />
<link media="only screen and (min-device-width: 1024)" href="1024.css" type="text/css" rel="stylesheet" />
这样做的问题是，不理解媒体查询的旧设备不会加载任何样式表。
有没有办法包含一个样式表，它只被不支持媒体查询的设备识别，比如旧的 Internet Explorer？
我宁愿不为所有浏览器包含此样式表，然后重置或覆盖它。
谢谢，约斯特