Когда на сайт заходишь через смартфон то некоторые блоки выходят за пределы

голоса: 0
почему когда на сайт заходишь через смартфон то кое-какие блоки вылазают...

в левом - это ВК

А в правом - видео

и как картинки растянуть на весь блок ширину чтоб не вылазали....
Адрес сайта http://www.prokchurch.ru/
Закрыто с пометкой: Ответ получен!
| Автор: | Категория: Вопросы новичков
Закрыт | | Автор: Yuri_Geruk

Ответов: 1

голоса: 0
Потому, что у вас дизайн не адаптивный и соответственно под размеры экрана мобильных устройств дизайн сайта не подстраивается.
| Автор:
а как все картинки растянуть на 100процентов..
ЕВГЕНИЙ ДУДНИК,

в стили пропишите:

.boxContent img {width:auto;max-width:100%;height:auto!important;}
Yuri_Geruk,
спасибо а видео как до 100 процентов
ЕВГЕНИЙ ДУДНИК,

аналогично как и выше, только добавить новый стиль, вместо img прописать iframe

Yuri_Geruk,
а еслли еще пару видео или картинки добавлю они будут 100проц...
ЕВГЕНИЙ ДУДНИК,
Если стили не удалите которые я выше писал, да, будут 100%.
Yuri_Geruk,
Ещё момент с смартфона меню тоже вылезает за пределы шапки как ттоже сделать 100%
ЕВГЕНИЙ ДУДНИК,

Можно попробовать вот так:

#leftColumn,#rightColumn {max-width: 100%;}

добавить в стили и проверить, не факт что поможет, но можете попробовать. Повторюсь еще раз, дизайн у вас не адаптивен и все подстроить не возможно на табличной верстке без адаптации.

Yuri_Geruk,
не помогло.......
ЕВГЕНИЙ ДУДНИК,
В таком случае никак не решить если не адаптировать дизайн, за адаптацией обращайтесь к фрилансерам - https://upartner.pro/
...