Как более экономично и/или правильно использовать CSS стили

Есть вэб приложение у которого планируется реализация кроссплатформенного резинового дизайна, причем при уменьшении экрана до телефонного CSS стили сильно меняются, в связи с этим вопрос, как правильно использовать стили? У меня два предположения - первое это использовать медиа запросы (но их будет оооочень много) или второй вариант сделать CSS файл для телефонов и менять его javascript-ом .

Просвятите чайника по этому вопросу пожалуйста (п.с. не использую фреймворки и пишу на чистом js и php)