Javascript 如何限制该图像的大小不超过特定限制

我使用了Effect.scale属性，但是图像的大小没有任何限制

假设我在图像缩放到指定的完整百分比之间从图像中移除鼠标，然后再次将鼠标光标保持在那里。。。。。然后它又变大了。。同样，规模缩小也太多

我怎样才能预防它？请帮帮我

<img src="test.gif" id="test"alt="Online Test portal"  style="position:absolute;top:935.5px;left:300px" title="online test portal" onmouseover= "new Effect.Scale('test', 150,{scaleX: true, scaleY: true}); return false;" onmouseout="new Effect.Scale('test', 66.67,{scaleX: true, scaleY: true}); return false;" />

---

您可以使用纯css实现这一点

img { transition: all .2s linear; }
img:hover { transform: scale(1.1); }

---

您是否尝试过使用“最小宽度”、“最大宽度”属性

在元素上添加：

style="position:absolute;top:935.5px;left:300px; max-width:100px"

100px或Water，你认为合理吗

这会将对象的宽度限制为预定义值