当我使用CSS3缩放来缩放图像时，可见区域更小

Question

当我使用CSS3缩放缩放animage时，图像的大小更大，但看不到整个图像。即使有一个滚动条，我只能看到图像的一部分。

点击此链接查看demo。

var scale = 1; 
$('img').on('click',function(){ 
    var new_scale = 2 * scale; 
    $(this).css('-webkit-transform', 'scale(' + new_scale +')'); 
    scale = new_scale; 
}); 

我想知道如何在CSS3比例后看到整个图像。

Answer 1

CSS transform属性只影响元素的呈现内容。

如果您希望元素的布局占用更多空间，则需要明确调整其宽度和高度。

Answer 2

当你达到相应改变图像的左填充和顶部...

例

img 
{ 
padding-left: 17%; 
padding-top: 19%; 
}