CSS - Problema con Background-image

 
Vista:
Imágen de perfil de Andres
Val: 1
Ha disminuido su posición en 32 puestos en CSS (en relación al último mes)
Gráfica de CSS

Problema con Background-image

Publicado por Andres (1 intervención) el 12/12/2019 14:16:45
Buenas ! Estoy teniendo un problemas con una imagen de fondo desde CSS.

Esta esta colocada como fixed y es el fondo de TODA la pagina, puesta en el contenedor principal.
Desde el navegador se ve perfecto, incluso si abro con F12 en el navegador y lo adapto a móvil, me lo muestra perfecto.
Pero al subirlo a un servidor web, me di cuenta que en navegadores de dispositivos móviles como el chrome o el propio navegador de samsung, la imagen se desconfigura, les dejo algunas imágenes y el código del CSS:

CODIGO:
1
2
3
4
5
6
7
#DivPrincipal{
    background-image: url(../img/BCKGP5.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-position: center top;
    background-repeat: no-repeat;
}

Y les dejo algunas imágenes de como se ve, una mal (chrome desde celular) y la otra bien (mozilla desde celular)

WhatsApp-Image-2019-12-12-at-10.09.07
WhatsApp-Image-2019-12-12-at-10.09.07-1

Si alguien puede ayudarme o darme una idea de que puede estar pasando, se lo agradecería muchísimo.
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de ScriptShow
Val: 571
Plata
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

Problema con Background-image

Publicado por ScriptShow (125 intervenciones) el 15/12/2019 18:23:11
Saludos Adres,

revisa y prueba Meta Tags para ver resultados...

1
2
3
4
5
6
7
8
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv="X-UA-Compatible" content="chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
</html>

Enlaces relacionados:

https://developers.google.com/web/fundamentals/design-and-ux/responsive/#set-the-viewport

Espero sea útil.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar