當我使用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%; 
}