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

Купить рекламу

Шины и диски для настоящих боссов дороги;

| | |

Обновить

Тема закрыта!

…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 кб)

Изм. 1 раз. / Посл. изм.

…iKey™…

[мошенник] 5.37

(13 дек 2015, 19:19)

Romka

0.11

(13 дек 2015, 19:27) [1/0] [1] [спам] [под]

body {

width:100%;
background-color: #212121;
font-family :Lucida, Sans sans-serif, tahoma, Comic Sans MS, verdana ;

font-size: 14px;

margin:auto;

word-wrap: break-word;

}

.body {

height: 100%;

margin:0;

word-wrap: break-word;

}