Autor
Yo hice una función jQuery que al ser la pantalla de 600px me cambie el atributo "style":
Código:
$(document).ready(function(){
if(window.matchMedia("(max-width: 600px)").matches){
fondo12 = document.getElementById("fondo1");
fondo12.setAttribute("style","background-image: url('imagenes/fondo_movil.jpg'); background-repeat:no-repeat; background-position: 0% 0%; background-attachment: fixed; background-size: 205% 205%;-webkit-background-size: 205% 205%; -moz-backgrou.nd-size:205% 205%; -o-background-size: 205% 205%; background-color:#F5ECCE;");
}
});
if(window.matchMedia("(max-width: 600px)").matches){
fondo12 = document.getElementById("fondo1");
fondo12.setAttribute("style","background-image: url('imagenes/fondo_movil.jpg'); background-repeat:no-repeat; background-position: 0% 0%; background-attachment: fixed; background-size: 205% 205%;-webkit-background-size: 205% 205%; -moz-backgrou.nd-size:205% 205%; -o-background-size: 205% 205%; background-color:#F5ECCE;");
}
});
Con eso conseguí ajustarlo al movil pero sé que no es así y no se como se hace. Y al hacer la función e cambiado de imagen fondo.jpg a fondo_movil.jpg
PD: Si puede ser css mejor, gracias.
Gracias de antemano.
En línea
