所以，我在页面中间有一个图像（我希望它保留在那里），当我拿着LMB 时，我希望它变小一点，然后在释放时恢复到以前的大小。
代码下方：
$(document).ready(function() {
$("#banana").mousedown(function() {
$("#banana").css("height","70%");
});
$("#banana").mouseup(function() {
$("#banana").css("height","100%");
});
}); .centered {
text-align: center;
display: block;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<body>
<div id = "banana" class = "centered">
<img src="https://via.placeholder.com/150" alt="banana.png">
</div>
</body>我尝试使用 jQuery 获取该目标（但图像的位置发生了变化并且不再居中）。
提前致谢！