Я создаю мобильную версию сайта (не mobile.domain.com), но просто использую другую таблицу стилей в зависимости от устройства.
Итак, у меня есть что-то вроде этого:
<link href="css/style.css" media="screen" rel="stylesheet"/>
<link href="css/mobile1.css" media="only screen and (max-width: 480px), only screen and (max-device-width: 480px)" rel="stylesheet" type="text/css" />
<meta name="viewport" content="width = 320px, initial-scale=1" />
Моя мобильная таблица стилей, очевидно, скрывает/показывает только то, что я хочу на мобильном сайте, а затем переопределяет классы/стили в файле style.css
.
Проблема, с которой я сталкиваюсь, заключается в том, что я не могу найти, какой стиль я не отменяю. То есть, если я полностью удалю style.css
- сайт будет выглядеть идеально. Если я оставлю style.css
там, это будет выглядеть не так идеально.
Есть ли способ динамически удалить style.css при загрузке страницы?
Или я иду об этом совершенно неправильно.
media="handheld"
вам не подходит? - person Chad   schedule 18.07.2011