我怎么能限制该图像不要超过特定限制

Question

我使用了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;" />

Answer 1

你可以用纯css做到这一点。

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

Answer 2

您是否尝试过使用min-width，max-width属性？

在元素上添加：

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

您认为合理的100px或Watever

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