Почему картинки сайта не отображаются на телефоне?

Question

[Stalk007]

Привет! Я учусь верстать и у меня появилась проблема. На пк картинки отображаются нормально, но на телефоне не отображаются вообще. Картинки у меня в папке icons и img. На телефон я сбрасываю папку проекта в архиве rar

Вот верстка https://codepen.io/stalk000/pen/YzNdwLZ

Answer 1

[Алексей Рудьковский]

<img class="img-auto" src="img/PNGPIX-COM-Austin-Yellow-BMW-M4-Car-PNG-Image.png" alt="">

А куда же вы сами картинки то загрузили? Очевидно что работать не будет - на codepen этих файлов же нет.

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

Comments

[Stalk007]

У меня есть все картинки на ПК, проект так же на ПК, я полностью сбрасываю на телефон и там пытаюсь открыть html файл, он запускается но картинок не выводит, хотя путь указан правильно

[strelok011]

попробуйте путь указать чуть иначе

<img class="img-auto" src="./img/PNGPIX-COM-Austin-Yellow-BMW-M4-Car-PNG-Image.png" alt="">

Заодно проверьте регистр букв в имени файла, это тоже критично.
Если сбрасываете на андроид или ios - это юникс системы, там это критично.

[Stalk007]

strelok011, хорошо, спасибо, проверю