Как исправить проблему с экраном во время адаптивной верстки?

Question

[waldesd]

Всем привет, из за некоторых причин пришлось не работать долгое время в этой сфере, все в принципе вспомнил но не могу понять как решить эту бесячую проблему, раньше как то решал. Сам экран 880 пикселей, и блок тоже 880 но выглядит это так:


Почему? И как это решить? Неужели придется для каждого размера с разницей в 20 пикселей менять его? Я так понимаю что фактически на экране не 880 а больше пикселей, но не ужели тут все можно решить только тупой работой?

Comments

[Владимир Юрченков]

Хоть демку прикрепите

[imko]

А у блока что ли жестко 880 ширина задана?

[waldesd]

Владимир Юрченков, в плане? Скрин же добавил

[waldesd]

imko,
Нет у блока стоит width: 100%;

[imko]

waldesd, ну а че тогда менять каждые 20 пикселей? если жесткой ширины не задано нигде то все будет ограниено экраном, ищи наверняка какой-то блок просто шире оказался из-за контента или стилей

[waldesd]

imko, да, так и есть, спасибо.

Answer 1

[makinggood]

Скорее всего внизу есть блок, элементы которого больше основного контейнера.

Answer 2

[Lynn «Кофеман»]

У вашей страницы не прописан мета-тег viewport
По умолчанию для таких страниц на мобильных устройствах выставляется ширина 980px и потом картинка уменьшается до размеров экрана.

Добавьте в head тег

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

https://developer.mozilla.org/en-US/docs/Web/HTML/...

Comments

[Сергей delphinpro]

на мобильных устройствах выставляется ширина 980px

У вас есть доп. инфа о том что это: стандарт, живой стандарт, или просто поведение ff?
Интересно.

[Lynn «Кофеман»]

Сергей delphinpro,

Думаю ноги растут из мобильного сафари. Не уверен что где-то в стандарте написано как должны себя вести мобильные браузеры, но в реальности и Firefox и Chrome используют 980px в режиме эмуляции мобильных устройств. Да и Safari на айфоне тоже.

The default width is 980 pixels.

https://developer.apple.com/library/archive/docume...

[Lynn «Кофеман»]

Сергей delphinpro, хотя в этом конкретном вопросе я кажется неправ.