Почему если смотреть с телефона то сайт не подстраивает размеры дивов?

потому, что свойства width-max 100% нет, есть width:100%.

даже просто width не помогает

max-width (если совсем правильно)))
Причем с контролем всех вложенных дивов - какая у них ширина задана и в чем?

Задана ширина только основному диву, при этом если на компьютере браузер сворачиваешь то всё норм, а если заходишь с телефона то сайт не адаптируется, то-есть выглядит как на компьютере.

а max-width при значении 100% для Div тут и не нужен :)

курите htmlbook на предмет кроссбраузерной вёрстки

Для мобильной верстки придется все-таки через медиазапросы строить с собакой @. Просто процентами далеко не уехать.

Нужно добавить в head
<meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, width=device-width">

Еще можно так:
<meta name="HandheldFriendly" content="true">
<meta name="format-detection" content="telephone=no">
<meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, width=device-width">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="default">

Спасибо, попробую.

А может лучше и не париться, а поставить плагин? И нет проблем!!! Это для тех, кто в вёрстке ни БЕ ни МУ.

Какой плагин?

На мой взгляд пока лучшим считаю Jetpack от WordPress.com Остальные очень много дают мусора. В настройках плагина надо просто включить мобильную версию..

Так у меня самопис, а не движок=)

<meta name="viewport" content="user-scalable=yes, initial-scale=0.4, maximum-scale=1.0, width=device-width">
Попробуй, для начала покатит. Но по хорошему, надо верстку менять.