圖片庫 - 動態確定圖像的寬度/高度以最大化視圖

Question

我正在構建照片庫。照片庫包含用戶上傳的圖像。這些上傳大小已調整，可以是任何尺寸，100x100,2500x2500。

我的照片庫查看頁面是流體，這意味着頁面的寬度不固定。

在照片庫頁我顯示更新的原始圖像 - 不會進行調整（雖然我爲了其他目的，縮略圖等做）......

我想怎麼辦，是顯示圖像在最大可能的維度可能使用頁面的所有不動產。

現在我有： max-width：600px; min-height：100px; min-width：100px;

問題是如果我擺脫最大寬度，然後圖像溢出頁面。

任何想法？

感謝

Answer 1

對不起，我無法理解ü想究竟是什麼，但 確定的jQuery

var wid=$('#id').width(); 

U可以使用動態改變圖像的寬度元素的寬度（假設你需要100X100 ）

var x=100; 
$(#id).css({width:x,height:x}); 

Answer 2

給出最大寬度和最大高度的百分比可能會有所幫助。