Растягивпние дизайна под экран телефона

…iKey™…

[мошенник] 5.37

(13 дек 2015, 19:30) (0/0) [0]

Тема закрыта для обсуждения!

…iKey™…

[мошенник] 5.37

(13 дек 2015, 19:30) (0/0) [0]

Wins, спасибо

…iKey™…

[мошенник] 5.37

(13 дек 2015, 19:16) (0/0) [0]

привет народ. такая проблемка у меня с css .
пишу диз для моб версии.
и выходит вот что, если с компа зайти на сайт, то все как надо, ширина в 500px как и указал, получается что по середине экрана я вижу сайтик, все хорошо.

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

чего у меня не хватает в коде?

body{
font-family:FontAwesome, tahoma;
color:#444;
font-size:14px;
background:#fff;
margin:auto;
max-width:500px;
}

.head{
background:url('css/img/head.png') left top no-repeat,url('css/img/head-top.png') top repeat-x, url('css/img/logo.png') center no-repeat, #2276cb;
border-bottom:3px solid #1e68b4;
padding:0px;
height:50px;
display:block;
}

Буду благодарен за помщь
Добавлено 13.12.15 в 19:16:32:
Скрин

Прикрепленные файлы:

PROFIWM_COM_2948_1403604_Screenshot_2015-12-13-19-09-59.png (16.33 кб)