根据屏幕尺寸/分辨率调整图像大小

Question

我有一些图像要显示在我的页面上，但是基于显示的屏幕，图像显示在我的页面上的其他元素的顶部。而在移动设备上，它真的很糟糕！这是因为图像的像素大小。如何使图像大小与屏幕大小/分辨率相关？我在这个页面上使用一些js来替换点击时的主图像。我正在考虑将图像设置为div中的背景图像，并使用％值调整div的大小，然后根据用js单击的拇指图像改变div。这会解决我的问题，还是我仍然有图像大小问题？

我的页面在这里 - http://www.test25.net/gems/index.php?option=com_content&view=article&id=14&Itemid=126

Answer 1

我发现周围的工作现在:)

使用CSS设置

img { 
    max-width: 100%; 
    max-height:100% 
}