Почему background-image не отображается на мобильных устройствах?

Question

[Гриша Никольский]

Здравствуйте.

Сделал я сайт и залил его на хостинг, чтобы окончательно протестировать его адаптивные свойства: 2017ng.matdev.ru

Если вы будете использовать developer tool любого браузера, то легко увидите, что мобильная версия работает относительно стабильно и никаких фатальных ошибок нет. Однако если вы зайдете на сайт с любого мобильного устройства вне зависимости от платформы (проверял), то изображения, которые прописаны именно через CSS отображаться не будут.

Сайт делал на WordPress на основе _underscores (стартер тема).

Очень надеюсь на какое-либо логичное решение проблемы, потому что реально не понимаю, в чем может быть дело - ни разу не сталкивался.

Answer 1

[zorca]

Просто супер сайт, с путям у картинок к локалхосту:

<img src="//localhost/drones/wp-content/uploads/2017/10/fourth-service-img.png" alt="3d mapping">

Даже переносить сайт надо уметь. Для Wordpress это делается путем поиска и замены всех включений в базе данных старого домена на новый. Если по простому с гарантией переноса 100%, юзайте плагин:
https://www.akeebabackup.com/products/akeeba-backu...
При установке кидаете в корень сайта полученный в плагине архив и установщик: https://www.akeebabackup.com/products/akeeba-kicks...

Comments

[zorca]

Артём Русанов, наверное потому что с десктопа картинки с локалхоста открывались? ))) Так рождаются легенды о неправильном отображении сайта ТОЛЬКО НА МОБИЛАХ. )))

[tropicalfruit]

Можно и без плагина, в phpmyadmin через sql поменять старый адрес на новый.

UPDATE wp_options SET option_value = replace(option_value, 'www.oldurl', 'www.newurl') WHERE option_name = 'home' OR option_name = 'siteurl';

UPDATE wp_posts SET guid = replace(guid, 'www.oldurl','www.newurl');

UPDATE wp_posts SET post_content = replace(post_content, 'www.oldurl', 'www.newurl');

UPDATE wp_postmeta SET meta_value = replace(meta_value,'www.oldurl','www.newurl');

Answer 2

[Алексей Ярков]