变换：缩放到全屏？

Question

好日子所有，

一系列不同尺寸的图像是每件独立包装在悬空种不同尺寸的水平滚动网页上 div的。我希望能够点击一个div来缩放到全屏，（通过添加一个包含缩放指令的css类，用toggleClass），然后点击图像（现在是全屏，因此遮住div）返回到正常（通过从包装div中删除类）。

我发现了各种选项来为背景图像（已知大小）做到这一点，并有很好的全屏画廊，但这一个逃避我。

由于尺寸不同，我不能使用比例尺（2）或其他固定值。它完全可以通过webkit转换：缩放到像768x1024那样的目标大小，而不是比例因子？

非常感谢！

Answer 1

你试过简化一下吗？尝试使用一些java脚本在点击时为对象分配高度，宽度和z索引。

本质上点击，书写页面：（或类似的东西）

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