Como puedo hacer que la imagen abarque todo el tamaño de la pantalla. Se que de las propiedad min-width
y min-heigth
pero ellas no hacen que logre cumplir con lo que requiero.
este es un ejemplo de un slider
pero yo no deseo un slider
... solamente una imagen fija de fondo.
Pero si reducen el tamaño del navegador en caso de que uses una pc puedes ver como se ajsuta automaticamente al tamaño de la pantalla.
otro ejemplo por si quedo duda de lo que deseo.
Yo descargue algunos ejemplos pero ninguno compatible con jquerymobile pues me funciona bien hasta que yo agrego la siguiente linea de codigo:
<script src="js/jquery.mobile-1.4.0-rc.1.js"></script>
E subido la pagina en un servidor de prueba para que tengan acceso completo al codigo.
Gracias... Efectivamente tu codigo funciona muy bien en HTML y CSS pero el proyecto es el jqueryMobile y esto afecta los estilos.
Mi head tiene las siguiente estructura.
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>jQuery Mobile Demos</title>
<link rel="shortcut icon" href="favicon.ico">
<link rel="stylesheet" href="css/themes/default/jquery.mobile-1.4.5.min.css">
<link rel="stylesheet" href="_assets/css/jqm-demos.css">
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,700">
<script src="js/jquery.js"></script>
<script src="_assets/js/index.js"></script>
<script src="js/jquery.mobile-1.4.5.min.js"></script>
Mira aqui el codigo del head.. cuando agregado los enlaces a las hojas de estilo de jquery y js todo cambia. :(