如何缩放整个div？

Question

我现在正在此页面上玩弄一个函数。

如果您单击“who”部分，div 就会旋转。我希望它能够缩放并使用页面。

这可能吗？这怎么能做到呢？

Answer 1

旋转后，将其宽度和高度设置为页面的宽度和高度。

$('#who').rotate({
    angle:-90,
    bind: [{
        click: function(){
            $(this).rotateAnimation(0);
        }
    }], // remove the trailing comma here
    callback: function (){
        var $window = $(window);
        $(this).height($window.height()).width($window.width());
    }
});

---

编辑回复：OP的评论

$('#who').rotate({
    angle: -90,
    bind: [{
        click: function(){
            $(this).rotateAnimation(0);
        }
    }],
    callback: function (){
        $(this).width(800).height(600);
    }
});

请参阅 .height() 和 .width()。

---

编辑 #2

使用当前的 CSS，您需要缩放 img。

$('#who').rotate({
    angle: -90,
    bind: [{
        click: function(){
            $(this).rotateAnimation(0);
        }
    }],
    callback: function (){
        $('#who > img').animate({height: 600, width: 800});
    }
});

例如，如果您将图像的 height 和 width 更改为 100%，那么您只需更改 div 的大小 并且图像应该随之缩放。

$('#who').animate({height: 600, width: 800});