que significa responsive desing?
Te paso lo que tienes que hacer para que se adapte:
Copia esto debajo de la etiqueta <body>
<script type="text/javascript">
function updateBackground() {
screenWidth = $(window).width();
screenHeight = $(window).height();
var bg = jQuery("#bg");
// Proporcion horizontal/vertical. En este caso la imagen es cuadrada
ratio = 1;
if (screenWidth/screenHeight > ratio) {
$(bg).height("auto");
$(bg).width("100%");
} else {
$(bg).width("auto");
$(bg).height("100%");
}
// Si a la imagen le sobra anchura, la centramos a mano
if ($(bg).width() > 0) {
$(bg).css('left', (screenWidth - $(bg).width()) / 2);
}
}
$(document).ready(function() {
// Actualizamos el fondo al cargar la pagina
updateBackground();
$(window).bind("resize", function() {
// Y tambien cada vez que se redimensione el navegador
updateBackground();
});
});
</script>
<img id="bg" src="/images/fondo.jpg" alt="Fondo" />
Elimina la imagen que tenías antes y ponla aquí.
En el css mete esto:
#bg {width: 100%; position: fixed; z-index: -1; top: 0; left: 0;}
- - - Actualizado - - -
diseño sensible es decir que se adapta a cualquier resolucion de pantalla sea chica o grande se hace con css pero es un poco tedioso
- - - Actualizado - - -
asi lo tengo yo y cuando lo edito lo edito mediante la CSS ><
Ok perfecto, entonces no te importará pasarme el link del CSS :encouragement:
