Displays horizontal and vertical images using the CSS -


i have fixed-width tape images. horizontal displayed (the width of tape), vertical not fit on entire screen.

look @ here http://didi.url.ph/design (click first block cat) :)

now have:

    #ajaxcontent .field-item img {          height: auto;         width: 100%;      } 

how make: maximum width of image - width of tape, maximum height - height of screen.

so should be

it not work:

    #ajaxcontent .field-item img {          max-width: 100%;          max-height: 80vh;     } 

because image stretched disproportionately.

are there ideas?

you can this:

css

#ajaxcontent {     background: #ffffff none repeat scroll 0 0;     height: 90vh;     margin: 40px auto;     overflow: auto;     position: relative; } 

Comments

Popular posts from this blog

Hatching array of circles in AutoCAD using c# -

ios - UITEXTFIELD InputView Uipicker not working in swift -

Python Pig Latin Translator -