Пробелма с фоном на мобильных устройствах

Решено kvv213
(@kvv213)

7 лет назад

Друзья, доброе утро!

Столкнулся с давней проблемой с корявым фоном на мобильных устройствах. Использую слегка модифицированную тему из стандартной поставки WordPress. На фон натянута картинка, которая изменяется под размер экрана.
На стационарных компьютерах все работает чики-пуки, а вот на мобильных (андроид) вне зависимости от разрешения и размера экрана получают сильно растянутую по вертикали картинку.

Попробовал немного покопаться и смоделировать ситуацию на стационарном компьютере. Похожая проблема возникает в случае, если отключить background-attachment: fixed или сделать его scroll.
Выводится эта настройка не через CSS, а в виде вставки в файл процедурой _custom_background_cb() в файле wp-includes/theme.php

Но достоверно сказать, что виноват background-attachment не могу, поскольку ни на одном своем устройстве из браузера не могу посмотреть на сгенерированный HTML 🙂
Пробовал прописать в указанной выше процедуре жесткое прописание на fixed, но по предварительному тестирование — не помогло.

Буду рад советам.

Собственно сайт http://blog.kvv213.com

Просмотр 5 ответов — с 1 по 5 (всего 5)

Автор kvv213
(@kvv213)

7 лет назад

Все же смог посмотреть на файл сгенерированный на планшете. Там fixed присутствует. Значит проблема не в нем.
Модератор Denis Yanchevskiy
(@denisco)

WordPress-разработчик, denisco.pro

7 лет назад
Доброе.

Растягивается потому, что background-size: 100% 100%;.

Попробуйте добавить
```
background-size: 2048px 1152px;
```
Автор kvv213
(@kvv213)

7 лет назад

background-size: 2048px 1152px;

Спасибо, похоже, что помогло (по крайней мере на локальной копии).

Теперь, как я понимаю, нужно переопределить функцию _custom_background_cb() которая в theme.php в functions.php моей темы. И должно заработь.

Автор kvv213
(@kvv213)

7 лет назад

Так, переопределение функции _custom_background_cb() в functions.php не получается. Ибо функция не переопределяемая. Думаю далее.

Автор kvv213
(@kvv213)

7 лет назад

Писать свой обработчик или плагин было не охота, пришлось воспользоваться плагином, который для этой цели специально и разработан Add background-size to Customizer.

Все работает, всем участникам спасибо 🙂

Просмотр 5 ответов — с 1 по 5 (всего 5)

Тема «Пробелма с фоном на мобильных устройствах» закрыта для новых ответов.

Метки темы

Просмотр