2016-11-20 3 views
0

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

enter image description here

Я пытался использовать мин-ширина: 100% и 100vw, но не кажется, что работает. При использовании реального мобильного устройства содержимое отображается правильно из-за моего метатега, но при прокрутке по горизонтали вправо тело обрезается. Это мета-тег, который я использую:

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

Я попытался удалить все CSS и загрузчик, который я использую, но проблема остается. Поэтому я считаю, что для решения проблемы мне нужен какой-то дополнительный css. Как я могу это решить? Я ценю всю помощь.

Вы можете посмотреть на сайте по этой ссылке: test.radency.com

ответ

1

Просто понял проблему. Абзац слишком длинный, растягивая ширину, но не тело. Добавление переносимого слова или просто удаление абзаца без упаковки разрешало проблему.

Смежные вопросы