0

CSS3 スケールを使用して画像をズームすると、画像のサイズは大きくなりますが、画像全体が見えません。スクロールバーがあるのに、画像の一部しか見えません。

デモを見るには、このリンクをクリックしてください。

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

CSS3 スケール後に画像全体を表示する方法を知りたいです。

4

2 に答える 2

2

CSStransformプロパティは、要素のレンダリングされたコンテンツにのみ影響します。

要素のレイアウトがより多くのスペースを占有するようにするには、幅と高さを明示的に調整する必要があります。

于 2013-07-22T02:54:52.037 に答える
0

拡大縮小しながら、画像の左と上のパディングを適切に変更します...

例

img
{
 padding-left: 17%;
padding-top: 19%;
}
于 2013-07-22T04:51:45.037 に答える