Imagen de altura completa en un dispositivo mobile

Cómo puedo colocar una image en el website Tengo una image de álbum (horizontal). Necesitaba un lugar en dispositivos mobilees que la image de esa altura de la image era la altura del dispositivo completo … Y necesita desplazamiento horizontal disponible … como ese enter image description here

One Solution collect form web for “Imagen de altura completa en un dispositivo mobile”

Ejemplo:

Archivo CSS

 html,body { height:100%; margin:0px; } .img-album { height:100%; overflow-y:hidden; } .img-album > img { height:100%; } 

HTML

 <div class="img-album"> <img src="http://img.javascriptes.com/javascript/new-wallpaper-3.jpg" /> </div> 

JSFiddle

  • Hammer.js (IE8): el object no admite la propiedad o el método 'addEventListener'
  • Ocultar y mostrar div durante el desplazamiento de página en iphone
  • Traducir events táctiles de Javascript a jQuery
  • Jquery Mobile - $ .mobile.changepage no cargando files .JS externos
  • iScroll con desplazamiento nativo en un eje
  • Detección mobile
  • 100% de altura y CSS en el mobile
  • Deslizador de barrido táctil bidireccional para horizontal y vertical
  • Cómo detectar si la aplicación web se ejecuta de forma independiente en el mobile de Chrome
  • Redirigir usando jQuery
  • Crear una página de superposition para la aplicación
  • Javascript tiene muchos buenos JS marco (como Node.js AngularJS Vue.js React.js) es el mejor lenguaje de script.