Почему сайт с body width:320px не помещается полностью на экран шириной 320px?

Question

[Глеб Жуков]

Верстаю сайт gotlib.me
Прописал

<meta name="viewport" content="width=device-width,initial-scale=1">

Прописал

@media screen and (max-width: 768px)
body {
    width: 320px;
}

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

Comments

[Антон]

Что я делаю не так ?

Верстаете

[Глеб Жуков]

Антон, Если ответить нечего, то лучше промолчать.

[Вазген Алексанян]

Когда просмотриваешь мобайл, делай это так - https://games.mail.ru/community/preview/MkUgpvwSqv/
а не уменшай экран, если и уменшаешь и там есть скролл , тогда нужно вычитать из ширини 17px. тогда 337px это и есть 320px.

[Глеб Жуков]

Вазген Алексанян, Это называется инструменты разработчика. Я писал что ими пользуюсь.

[xonar]

Глеб Жуков, Слушайте, вам дают ответы тут, а вы уверяете, что всё сделали это уже. Может не будем гадать и вы выложите код?! Ребята, вы задолбали уже. Потратьте 2-3 минуты, выложите код в сеть! И вам помогут, и никто не будет сидеть играть в вангу. Весь код, а не 1% от всего объёма.

[Глеб Жуков]

xonar, А код в инструментах разработчика в хроме вы смотреть не умеете ?

[xonar]

Глеб Жуков, А вы вообще о чём? Причём тут инструмент разработчика в хроме и умею ли я его смотреть или нет. По этому говно коду, понятно только одно...... Что у вас
весь код, это говно код. Тут не один инструмент разработчика не поможет.

@media screen and (max-width: 768px)
body {
    width: 320px;
}

[Глеб Жуков]

xonar,
Во-первых - говонокод это у вас. Если бы вы были внимательнее то увидели бы что я уже писал

Я поставил body потому что уже не знал что делать.

Смотрите комментарии к другим ответам.
Во-вторых

А вы вообще о чём? Причём тут инструмент разработчика в хроме и умею ли я его смотреть или нет.

У вас пригорело с того что я не выложил код. Зачем мне его выкладывать, если я указал сайт который верстаю, на который можно зайти и в инструментах разработчика посмотреть всё что нужно ?!
Вижу в последнее время на тостере развелось много неадекватов.

[xonar]

Глеб Жуков, Если это не говно код, то что это?



А вот адрес сайта не видел, тут признаю мой косяк. А всё остальное про говно код по делу.

[Глеб Жуков]

xonar, обоснуй в чем говнокод.

[xonar]

Глеб Жуков, на дивах 99% потому что всё. Ну хоть шапка в header, уже радует. В css не заглядывал, но и там представляю, что не айс тоже будет.

[Глеб Жуков]

Ладно, признаю, во фронтенде я не силён.

Answer 1

[DanielMcRon]

Ставьте точки 320 480 и т.д.
480 это уже стандартные телефоны.
У вас значит больше чем 320

Answer 2

[Александр]

Создайте контейнер для контента, центрируйте его и задайте max-width, padding по бокам. Body не должен быть 320px.

Comments

[Глеб Жуков]

Я поставил body потому что уже не знал что делать.