如何使用浏览器调整嵌入图像的大小答案

【问题标题】：How to make an embed image resize with browsers如何使用浏览器调整嵌入图像的大小
【发布时间】：2015-09-03 01:28:23
【问题描述】：

这是嵌入的代码：

<a href="URL"><img src="http://i.imgur.com/IMAGE1.png"
onmouseover="this.src='http://i.imgur.com/IMAGE2.png'" 
onmouseout="this.src='http://i.imgur.com/IMAGE1.png'"/></a>

我可以插入什么来正确调整大小吗？

【问题讨论】：

标签： image-resizing onmouseover autoresize

【解决方案1】：

您可以使用 width: 50% 等 css 属性将其调整为容器的百分比。这应该适用于不同的浏览器尺寸。

【讨论】：

【解决方案2】：

这就是我所做的。不敢相信我花了这么长时间。

在第一次鼠标悬停之前把它扔进去：

style="width:100%;height:100%;"

【讨论】：