I've got an app that I've developed that allows users to take pictures/upload it to a database of images. Obviously they can take pictures that are either landscape or portrait - and I'm not quite sure how to properly handle the CSS with respect to that.
In the event that the picture is landscape - I want the width to be 100%. So, I set the CSS to "width:100%;"
If the picture is portrait, however, there's decent odds that having the width be 100% will result in an image that forces the user to scroll down on the device...(in other words - 100% width causes the image to be too large to be encapsulated on the screen along with the other elements) - so I'd *like* the max-height to be like 70% or so.
How would I go about accomplishing both? I've tried various combinations of "max-height: 70%; max-width:100%;" etc...but that's not it. :) Is there another approach that would work?