Html 如何使onmouseover图像大小相对于onmouseout img？

我目前使用onmouseover和onmouseout在鼠标悬停时显示不同的图像

onmouseover图像与onmouseout图像具有不同的维度，因此当图像悬停在其上时，会更改页面布局

以下是我目前拥有的代码示例：

有没有办法将onmouseover图像设置为与onmouseout图像的宽度一致，从而不改变页面布局

---

（我对这一切都很陌生，所以请耐心听我说）

最简单的方法是首先找到你的主

图像
宽度
和
高度
尺寸

我的主图像宽度是750px，高度是500px

所以你只需要为你的
img
标签设置
style
属性的
width和height

它将为所有图像设置
宽度
和
高度
，包括
onmouseover
和
onmouseout
所有三个图像将以相同的尺寸显示


最简单的方法是首先找到主
图像
宽度
和
高度
尺寸

我的主图像宽度是750px，高度是500px

所以你只需要为你的
img
标签设置
style
属性的
width和height

它将为所有图像设置
宽度
和
高度
，包括
onmouseover
和
onmouseout
所有三个图像将以相同的尺寸显示


谢谢，我正在使用百分比宽度来提高网站的可扩展性，我正在努力为每个图像获取正确的百分比，还有其他方法吗？你能提供更多的
code
以便获得更好的视图吗？当然，我正在为我的服装品牌创建一个目录，当你悬停在图像上时，它会放大到设计中。我用表格来布置图像。然后我想要它，这样当文档减少时，它就开始减少列的数量，从4到3、2和1，对于mobile，为此我使用了
@media-only屏幕和（min-width:650px）{one{display:none；}
不同的最小宽度和最大宽度来隐藏和显示不同视口宽度下的不同表。。。（在下一篇评论中继续）…对于4列表格，我已通过将悬停图像编辑为与包含的
相同的大小，使其正常工作。但是，当向下移动到另一列级别时，这会分解，这意味着我必须以每个表格不同的像素大小制作多个图像。谢谢，我正在使用百分比宽度使网站具有可扩展性，我正在努力为每个图像获取正确的百分比，是否有其他方法可以做到这一点？您能否提供更多
code
以便获得更好的视图？当然，我正在为我的服装品牌创建一个目录，当您将鼠标悬停在图像上时，它会放大到设计中。我用表格来布置图像。然后我想要它，这样当文档减少时，它就开始减少列的数量，从4到3、2和1，对于mobile，为此我使用了
@media-only屏幕和（min-width:650px）{one{display:none；}
不同的最小宽度和最大宽度来隐藏和显示不同视口宽度下的不同表。。。（在下一篇评论中继续）…对于4列表格，我已通过将悬停图像编辑为与包含
的表格相同的大小，从而使悬停图像正常工作。但是，当向下移动到另一列级别时，这会分解，这意味着我必须以每个表格不同的像素大小制作多个图像。