Возможно, слегка не по теме. Но все же хочется поделиться идейкой)
Собственно, задался вопросом. Возможно ли подключать несколько ксс с разными параметрами для одних и тех же элементов к одной хтмл странице, да так, чтобы в зависимости от ширины экрана, подключался нужный стиль?
Ответ искать было лень. Но как-то раз зашел на w3.org. Вверху увидел возможность переключения стиля. ну начал щелкать, при этом заметил, что страница-то не обновляется. Заинтересовался)
Посмотрел код страницы, увидел вот что:
<style type="text/css" media="print, screen and (min-width: 481px)">
/*<![CDATA[*/
@import url("/2008/site/css/advanced");
/*]]>*/
</style>
То бишь, при ширине страницы >481px, подключается утяжеленный цсс.
При ширине <481px подключается другой цсс.
Таким образом, можно без вмешательства скриптов, на одном лишь css задавать разные параметры для одних и тех же элементов страницы.
Собственно, совмещать вап с веб, как на в3, трудно. но таким способом можно решить, например, проблему display: inline; Думаю, все знают, что при малой ширине экрана элементы с таким отображением косячат)А так, можно сделать альтернативную цсс без данного параметра, и подключать ее, если ширина экрана меньше заданного параметра.
Сам пока эту задумку не реализовывал, так как пока нет времени)Может кому пригодится)
