Изображение не загружается в iPhone6 ​​

Question

У меня есть фоновое изображение в одном из моих элементов (код находится в отдельном файле, style.css), он загружается отлично на большинстве устройств (iphone5, iphone5c, samsung galaxy), НО НЕ в iphone6 ​​и iphone6plus (и некоторые из ipad). Вы, ребята, знаете, почему?

.content-block { 
    background-image: url('image/img.jpg'); 
    background-size: cover; 
    background-repeat: no-repeat !important; 
    background-position: center center; 
    min-height: 500px; 
    margin-bottom: 50px; 
} 

Answer 1

Для начала попробуйте использовать сокращенную версию, которая позволяет использовать более согласованную настройку фона.

background: url('../image/img.jpg') no-repeat center center/cover; 

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

Вы можете найти более подробное объяснение о CSS использование стенографии, которые я имею в виду, в Mozilla Developer Network (MDN)