让图片在原本的大小放大，同时不超出其父容器的大小

在element中添加css样式代码

/* 确保父容器不显示溢出的内容 */
selector {
  overflow: hidden;
}

/* 图片的初始样式，设置过渡效果 */
selector img {
  transition: transform 0.5s ease;
  transform-origin: center center; /* 从中心放大 */
}

/* 鼠标悬停在图片上时的样式 */
selector img:hover {
  transform: scale(1.2); /* 放大1.2倍 */
}

　　样式效果