Я создаю веб-приложение. Я включил Codepen, если это полезно, а также ссылку на живой сайт. Когда я открываю приложение в своем браузере на рабочем столе, изображения загружаются. Когда я открываю сайт в своем мобильном браузере, я просто получаю вид серого контура изображения.
Чтобы повторить эту ошибку, выберите Alien в раскрывающемся меню с пометкой Shape:, затем нажмите "clear and apply". Затем нажмите на любой из черных квадратов. Он должен превратиться в чужую голову, вы увидите, что он работает в браузере на рабочем столе, выполняет тот же процесс в любом мобильном браузере, и это не будет работать.
Live Site: https://zjcrumpton.github.io/tokeneconomy/
Codepen: https://codepen.io/zjcrumpton/pen/rNOMZdr
.alienItem {
content: url(/images/alien.png);
height: 55px;
width: 55px;
justify-self: center;
border-radius: 50px;
margin-top: 5px;
}
Codepen не включает файлы изображений, но может помочь вам просмотреть код.