CODEWITHSUNDEEP
javascriptjqueryhtmlcssmobile
Maksim Morozov
Maksim Morozov

Reputation: 191

Full height image on mobile device

How can place an image on website I have album(horizontal) image. I needed place on mobile devices that image that height of image was full device height...And need avaliable horizontal scroll.. like thatenter image description here

Upvotes: 3

Views: 259

Answers (1)

Dmitriy Borisov
Dmitriy Borisov

Reputation: 598

Example:

CSS-file

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

Upvotes: 2

Related Questions