从支持媒体查询的浏览器隐藏样式表

时间:2012-11-24 22:25:36

标签: css media-queries legacy

我正在尝试创建一个响应式网站。该设计有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?

我不想在所有浏览器中包含此样式表,然后重置或覆盖它。

谢谢, 斯特

0 个答案:

没有答案