The problem is with my image. The img height is 1500px. That need to scroll down. I want the height to be as the height of the device display, like mobile and computer display.
img{
width:100%;
height:auto;
}
Asked
Active
Viewed 168 times
-2
-
2JSFiddle does not require a user account. – Captain John Dec 27 '13 at 14:06
-
You don't need an account in [jsfiddle](http://jsfiddle.net). – matewka Dec 27 '13 at 14:06
-
possible duplicate of [CSS Display an Image Resized and Cropped](http://stackoverflow.com/questions/493296/css-display-an-image-resized-and-cropped) – Shoaib Chikate Dec 27 '13 at 14:11
-
can image height is change according to device. i give height 100%, and it's scroll down – user3139533 Dec 27 '13 at 14:19
2 Answers
0
make the height also 100%
img{
width:100%;
height:100%;
}
semirturgay
- 4,151
- 3
- 30
- 50
-
but height is not changed according the device. My image size is 1500px, it give me to scroll down. – user3139533 Dec 27 '13 at 14:18
0
Put the image in a wrapper with height: 100%;;
add same height: 100%; to the .img tag.
DEMO
Mihey Egoroff
- 1,542
- 14
- 23