Скрыть таблицу стилей из браузеров, поддерживающих медиа-запросы
Я пытаюсь создать адаптивный сайт. Дизайн имеет 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?
Я бы предпочел не включать эту таблицу стилей для всех браузеров, а затем сбросить или переопределить ее.
Спасибо джост