Tengo el siguiente código para poner una imagen de fondo fija que se mantenga haciendo scroll. En android se ve perfecto pero en dispositivos ios no se ve bien, la imagen no se mantiene fija y coge el 100% del alto de la pagina web, cuando en teoria deberia coger solo el 100% de alto de la pantalla del telefono. El código deberia estar bien ya que en android funciona correctamente pero no se el porque en ios/safari no.
Este es el código:
@media only screen and (max-width:767px) {
body {
width: 100%;
height:100%;
margin: 0;
background-image: url('../img/fondos/fondoprincipal.png');
background-attachment: fixed;
background-size: auto 100%;
background-repeat: no-repeat;
}
}
He probado a cambiar los anchos y altos pero nada, el problema me ha surgido al poner que el cuerpo y el html sean 100% de alto, pero necesito que sea así para que el primer contenedor de la página se visualice entero en la pantalla.