如何在Jquery中缩放div内容？

Question

你能告诉我如何在jQuery中缩放div内容吗？我能够缩放，但问题是变焦是高度而不是宽度。请检查我的jsfiddle

$('#zoomin').click(
    function() {
        alert("--")
        $("#divelement").animate({ 'zoom': 1.2 }, 400);
    });

    $('#zoomout').click(
    function() {
        alert("-zoomout-")
        $("#divelement").animate({ 'zoom': 1 }, 400);
    });

Answer 1

您需要为目标设置宽度

.divClass{

    width:50%;
    height:100px;
    width: 100px;
    border:1px solid red
}

Fiddle here

Answer 2

您将宽度设置为百分比值。您必须将其更改为px或cm。

使用

.divClass{
    width: 100px; /* Fixed value */
    height:100px;
    border:1px solid red
}