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

在這里擺弄

Answer 2

您將寬度設置為百分比值。 您必須將其更改為px或cm。

采用

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