【发布时间】：2025-11-28 10:45:02
【问题描述】：
我有一些图像想要显示在我的页面上，但根据我显示它的屏幕，图像显示在我页面上其他元素的顶部。在移动设备上它真的很糟糕！这是因为图像的大小以像素为单位。如何使图像尺寸与屏幕尺寸/分辨率相关？我在这个页面上使用了一些 js 来替换点击时的主图像。我正在考虑可能将图像设置为 div 中的背景图像并使用 % 值调整 div 的大小，然后根据使用 js 单击的拇指图像更改 div。这会解决我的问题，还是我仍然会遇到图像大小问题？
我的页面在这里 - http://www.test25.net/gems/index.php?option=com_content&view=article&id=14&Itemid=126
【问题讨论】：
-
暂时找到了解决办法 :) 使用 css 设置“img {max-width: 100%; max-height:100%}