|
@RbnJrg Thank you for outlining it in bullet form. Let me try to articulate my goal in a similar format.
I want to set an image height to X and its width to auto so that:
A) if the screen width and height do not interfere with the defined dimension, the image is displayed at the height defined with a professional width. That is, the image in a massive window, the image will not exceed the height (and proportional "auto" width) explicitly defined in the CSS. In other words, such a scenario WOULD have white space on the left and right of the image.
B) if the defined height would result in the image being too large (width-wise or height-wise) for the window/viewport, then the image is resized proportionally.
I'll give the examples you've mentioned a shot, and revert back on how things look.
|