在javascript中放大和缩小图像

Question

实际上，我正在尝试使用以下 javascript 代码创建放大和缩小图像，我使用两个按钮，一个用于“放大”，另一个用于“缩小”。当我点击按钮时，图像宽度和高度适当增加，但在某个点，当图像宽度等于父 div 宽度时，图像宽度停止增加但高度仍然正常增加。

function zoomin() {
    var GFG = document.getElementById("Tshirtsrc");
    var currWidth = GFG.clientWidth;
    console.log('currWidth',currWidth);
    var currHeight = GFG.clientHeight;
    console.log('currHeight',currHeight);
    GFG.style.width = (currWidth + 20) + "px";
    GFG.style.height = (currHeight + 20) + "px";  
    console.log('gfg width', GFG.style.width);
    console.log('gfg height', GFG.style.height);
    return false;

}
          
function zoomout() {
    var GFG = document.getElementById("Tshirtsrc");
    var currWidth = GFG.clientWidth;
    var currHeight = GFG.clientHeight;
    GFG.style.width = (currWidth - 20) + "px";
    GFG.style.height = (currHeight - 20) + "px";

}