Как сделать адаптивную верстку для мобильных устройств без излишнего увеличения макета браузерами?

Спасибо, то что надо.

Как сделать адаптивную верстку для мобильных устройств без излишнего увеличения макета браузерами?

Указал viewport по вашему варианту. По pixel-ratio, похоже, что дело в нем. Можно ли как-то изменять ели изменять макет под него?

Как сделать адаптивную верстку для мобильных устройств без излишнего увеличения макета браузерами?

Грубо говоря на айфоне 4 страница выглядит вот так: i.imgur.com/JETbQnn.jpg
Слишком большой шрифт который не входит из за подстройки под 320px

А хотелось бы что бы выглядело как-то так:
i.imgur.com/DSViIIT.jpg
С подстройкой под реальное разрешение телефона

Как сделать адаптивную верстку для мобильных устройств без излишнего увеличения макета браузерами?

Да, указан, можно посмотреть на макете, не дает вставлять html в комментарий