Обрезается фоновая картинка на мобильных

голоса: 0

При просмотре сайт с мобильного телефона и прочих устройств, фоновая картинка в нижней части сайта обрезается

Обрезается и при горизонтальной прокрутке на сайте для просмотра сайта на других устройствах - http://www.responsinator.com/?url=https%3A%2F%2Feruditov.net%2F

Можно ли сделать так, чтобы фоновая картинка не обрезалась?

Адрес сайта https://eruditov.net/
| Автор: | Категория: Дизайн сайта
Редактирование | | Автор: Rostislav
Ответ дополнен!

Ответов: 1

Голоса: +1
 
Лучший ответ

Можно попробовать поправить стили в строке 3 и заменить на:

.bg_b {min-width: 1000px;background: transparent url(/img/bot_bg.png)no-repeat 0%0%/100% fixed;background-position: bottom;padding-bottom:200px;}

получится лучше чем было, но все же не идеально.

  • Самое оптимальное решение, это наложить текущее нижнее фото на общий фон заливку с цветом #c6e3f4 и сделать обычный фиксированный фон картинку. Текущее положение идеально не выровнять, так как это отдельное фото и при уменьшении экрана оно играет по разному. Если будет цельное фото фон сайта, этой проблемы не будет.
| Автор:
Выбор ответа лучшим | | Автор: Rostislav
...