В настоящее время у меня есть веб-приложение, которое использует Темы, чтобы скрыть его как SkinA или SkinB. До сих пор это было веб-приложение, которое никак не фокусировалось на мобильных устройствах, поэтому файл site.css (в обеих папках тем) предназначался для обычных настольных устройств.При использовании приложений Темы, как лучше всего обрабатывать как Mobile & Desktop CSS обнаружения
Однако, не меняя каких-либо файлов aspx в веб-форме по всему проекту, теперь мне нужно создать мобильную версию этого файла site.css (для обеих тем), который изменит макет так, чтобы он выглядел немного при просмотре на мобильных устройствах.
Я нашел следующие фрагменты в статье, которая звучит довольно логично, однако, из-за использования используемых папок Темы (и из того, что я понимаю в отношении тем, я думаю, что все файлы CSS включаются автоматически), я не уверен как бы я это сделал.
Выписка из: http://mobile.smashingmagazine.com/2010/11/03/how-to-build-a-mobile-website/#mobile-stylesheets
Сначала определим две таблицы стилей: screen.css со всем для нормальных браузеров и antiscreen.css перезаписывать любые стили, которые вы не хотите на мобильных устройствах. Свяжите эти две таблицы стилей вместе в другой таблице стилей core.css:
@import url("screen.css");
@import url("antiscreen.css") handheld;
@import url("antiscreen.css") only screen and (max-device-width:480px);
Наконец, определим другой таблицы стилей handheld.css с дополнительным стайлинга для мобильных браузеров и связать их на странице:
<link rel="stylesheet" href="core.css" media="screen"/>
<link rel="stylesheet" href="handheld.css" media="handheld, only screen and (max-device-width:480px)"/>
Или, возможно, там является лучшим способом достижения этого, сохраняя при этом использование тем?