根據屏幕尺寸/分辨率調整圖像大小

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% 
}