Tengo problemas conbackground-image. Mi sitio web se veía bien en dispositivos Android, luego descubrí que a los iPhones y iPads no les gustabackground-size: cover.

Lo arreglé estableciendobackground-size: 100%.

En los simuladores de iPhone en la web, el sitio se ve bastante bien, pero tan pronto como se prueba el sitio en un iPhone real (iOS 9.3), no se muestran las imágenes de fondo.

Se carga la imagen del encabezado, esta imagen se usa como fondo más abajo en el sitio, también se muestra allí. La otra imagen justo encima del único fondo cargado comienza a cargarse, pero luego parece que se cancela por alguna razón.

El tamaño de las imágenes es: 1920x1080.

El sitio web:http://www.unterwasserfotografie-thomas-uhl.de/

ACTUALIZAR:

He probado la solución de Aziz desde abajo. Jugar con el tamaño de fondo: el 100% automático hace que las imágenes se vean mejor en el teléfono inteligente, pero no se cargan enmóvil dispositivos de manzana. Sin embargo, si se establece el tamaño de fondo: cubierta, se cargan todos los fondos, el problema es que solo se muestra una pequeña parte de la imagen (¿la parte superior derecha de la imagen?) Y esta parte es bastante difusa ( se ve como ampliado). Como no cambié nada más que establecer el tamaño de fondo: cubierta a tamaño de fondo: 100% automático, no puedo creer que las imágenes se apilen entre sí.

En el momento en que configuré el tamaño de fondo: 100% nuevamente, esto se ve mejor en dispositivos de escritorio y está bien hasta ahora para dispositivos móviles, no comenzaré a preocuparme por el diseño mientras los fondos no se carguen correctamente.

Entiendo que el tamaño del fondo: 100% automático no es la mejor manera para los fondos y definitivamente consideraré la solución 1. Lo que no entiendo es por qué solo se carga un fondo al cargar el sitio en un iPhone . ¿Background-position: center simplemente apila todos los fondos en la misma posición en la pantalla, de modo que solo puedo ver el último que se ha cargado? Recuerde: hay alrededor de 6 fondos en el sitio, pero solo se muestra uno de ellos, es el que tiene su imagen utilizada también en el encabezado.

Gracias por su apoyo hasta ahora, estableceré una recompensa por esta pregunta ya que realmente me estoy desesperando por este problema.