變換：縮放到全屏？

Question

好日子所有，

一系列不同尺寸的圖像是每件獨立包裝在懸空種不同尺寸的水平滾動網頁上 div的。我希望能夠點擊一個div來縮放到全屏，（通過添加一個包含縮放指令的css類，用toggleClass），然後點擊圖像（現在是全屏，因此遮住div）返回到正常（通過從包裝div中刪除類）。

我發現了各種選項來爲背景圖像（已知大小）做到這一點，並有很好的全屏畫廊，但這一個逃避我。

由於尺寸不同，我不能使用比例尺（2）或其他固定值。它完全可以通過webkit轉換：縮放到像768x1024那樣的目標大小，而不是比例因子？

非常感謝！

Answer 1

你試過簡化一下嗎？嘗試使用一些java腳本在點擊時爲對象分配高度，寬度和z索引。

本質上點擊，書寫頁面：（或類似的東西）

height:100%; 
width:100%; 
z-index:999; 
position:absolute;