Мне интересно, что случилось с фоновыми изображениями на странице, которую я строю, и как их исправить. Вот URL:
https://staging.radionowheremusic.com
Все отлично выглядит на настольном компьютере / ноутбуке; фоновые изображения в каждом разделе (скелеты, студия звукозаписи, мексиканский флаг) имеют размер фона: обложка и красивый вид.
Раньше так было и на мобильном телефоне. Однако теперь фоновые изображения неожиданно отображаются в значительно увеличенном размере на iPhone 7 и более новых iPad. То же самое в Safari, Chrome и Brave на этих устройствах.
При использовании DevTools в Brave на моем настольном компьютере и ноутбуке и просмотре сайта так же, как на этих устройствах, однако фоновые изображения выглядит нормально. Похоже, они имеют фоновый размер: cover на мобильном телефоне.
Полагаю, это может быть связано с некоторыми изменениями в коде, который я случайно реализовал, но ни одна из работ, которые я выполнял с тех пор в последний раз, когда я заметил, что фоновые изображения на мобильных устройствах были в порядке, они должны были повлиять на их отображение. Thx!