javascript - 如何在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