brmadrid Posted June 21, 2016 Share Posted June 21, 2016 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 More sharing options...
jesa Posted June 21, 2016 Share Posted June 21, 2016 Dependiendo de como sea la imagen quizás puedas dejar la imagen fija o replicarla. Todo depende del tipo de imagen que sea y si se ajusta a vuestras necesidades 1 Link to comment Share on other sites More sharing options...
brmadrid Posted June 21, 2016 Author Share Posted June 21, 2016 Pues la imagen es grande y formato png, es un fondo de carbono. ¿No hay opcion para hacer que en el movil se quede de forma estatica como en la version de pc? Gracias Link to comment Share on other sites More sharing options...
jesa Posted June 21, 2016 Share Posted June 21, 2016 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 More sharing options...
brmadrid Posted June 21, 2016 Author Share Posted June 21, 2016 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 More sharing options...
Rolige Posted June 21, 2016 Share Posted June 21, 2016 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 More sharing options...
brmadrid Posted June 21, 2016 Author Share Posted June 21, 2016 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! Link to comment Share on other sites More sharing options...
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now