javascript - 移动设备上的全高图像

Question

如何在网站上放置图片 我有专辑(水平)图像。我需要在移动设备上放置图像高度为完整设备高度的图像......并且需要可用的水平滚动...... 像那样

Answer 1

例子:

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://cdn.wonderfulengineering.com/wp-content/uploads/2014/09/new-wallpaper-3.jpg" />
</div>

JSFiddle