Does aspect ratio change with screen resolution?
I am wondering how to make sure that aspect ratio of an image stays the same for all visitors with different display settings. For example, if I define an image like
<img src="myimg.jpg" width=30px height=60px>
and one visitor uses resolution 800x600 and another uses 1280x800, then, since 800:600 = 1.33 < 1.6 = 1280:800, this means one of the visitors is going to see the image stretched, is that right? To be sure, there should be no aspect ratio change across the three most common resolutions 640X480,800x600,1024x748 because they all have the same ratio of 1.33, but what about the other modes such as 720x480, 848x480, 960x600, 1152x864, 1280x720, 1280x768, 1280x800, 1280x960, 1280x1024, and so on? Is there any common workaround to fix the aspect ratio of the image in the browser regardless of the user's display settings?
|