Подходов к адаптивному интерфейсы несколько. Делать сразу мобильную версию, а потом ее "растягивать" на большой экран или наоборот - это зависит от проекта. Подумайте до разработки кто будет больше пользоваться вашим проектом: люди с мобильных устройств или с десктопов. Отсюда станет все понятно. Если примерно равные части, то проще (ИМХО) начинать с десктопа.
Я в разработке всегда делаю адаптивный шаблон, так как тянуть две версии сайта: мобильную и полную - это сложновато. Да и к тому же когда одна версия сайта - это налагает большую ответственность на разработчика, так как приходиться заранее продумывать расположения и внешний вид всех блоков на сайте.
Помимо медиа-запросов еще стоит продумывать выборочную загрузку элементов. Грубо говоря, не стоит грузить jQuery-библиотеку или, к примеру, плагин слайд-шоу к ней, которого нет в мобильной версии сайта. Также дело обстоит и с размерами изображений.
Размер шрифта задавайте лучше в em, так, как мне кажется, его отображение на различных устройства проще предсказать. В любом случае, не сильно важно как вы его зададите, он не будет автоматически изменяться от уменьшения/увеличения ширины экрана. Это делается на JS. Где-то видел реализацию на CSS3, через calc.
