Jump to content

Problema con tema movil


brmadrid

Recommended Posts

Muy buenas! Pues entre un amigo y yo tenemos casi lista la tienda. En la versión de PC nos sale el fondo como queremos, la imagen rellena toda la pantalla incluso haciendo scroll, pero en la versión móvil, la imagen de fondo de la tienda que pusimos, no llega hasta abajo, se corta y sale el resto en blanco.

He buscado algún css en la carpeta mobile y no he visto nada, ¿Alguien sabe como poder solucionar este problema?

 

Un saludo y gracias

Link to comment
Share on other sites

El problema es el tamaño, si solo es un fondo de un color no tendrías problema en replicarla en teoría y que no se note nada. El problema de replicarlo es que si tiene alguna figura pues se puede notar cuando vuelve a empezar el fondo, si es uniforme no tendrás problema.

Link to comment
Share on other sites

El problema es el tamaño, si solo es un fondo de un color no tendrías problema en replicarla en teoría y que no se note nada. El problema de replicarlo es que si tiene alguna figura pues se puede notar cuando vuelve a empezar el fondo, si es uniforme no tendrás problema.

 

El fondo en el pc es una imagen estatica, tipo fibra de carbono. No me importaria que en el movil se replicara y se notara, solo que no se donde meter mano para conseguirlo.

Es un poco decepcionante que la pagina en el pc vaya cogiendo un aspecto como queriamos, y cuando abrimos en el movil...ZAS! :(

Link to comment
Share on other sites

Hay unos pequeños trucos de css para hacer que la imagen encaje perfectamente en cualquier resolucion, la imagen debes usarla como background, te dejo el codigo de ejemplo que podrias utilizar:

background: url("url_de_la_imagen.jpg") no-repeat center center fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
Link to comment
Share on other sites

 

Hay unos pequeños trucos de css para hacer que la imagen encaje perfectamente en cualquier resolucion, la imagen debes usarla como background, te dejo el codigo de ejemplo que podrias utilizar:

background: url("url_de_la_imagen.jpg") no-repeat center center fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;

 

Un millon de gracias! Ya esta algo mas aceptable! se ve muy mal el fondo pero bueno, algo es algo! :D

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...