On my webpage, I initially specified the sizes of images in pixels like this:
<IMG src="image.png" width=700px height=100px>
However, when viewed on machines with different screen resolutions, the page didn't always display as intended.
To address this issue, I switched to using percentages for image dimensions instead, like so:
<div class="logo_container">
<IMG src="image.png">
</div>
and
.logo_container img {
padding: 15px;
width: 37%;
position: relative;
}
While this adjustment made the page appear correctly, I noticed that when resizing my browser window, the images would shrink while maintaining their aspect ratio. This was not what I wanted.
I aim for the web page to maintain its appearance at full screen but without the images shrinking unnecessarily.
Thank you.