我一直試圖讓我的圖像變大，但沒有用。 我認為這可能與擁有一個畫廊和讓我的圖像充當鏈接的交集有關(因為我已經設置了它，所以每個圖像在被單擊時都會在一個新的標簽中打開)，但我找不到解決懸停問題的方法。

.gallery img:hover {
  border: solid 3px black;
  margin: -3px;
  transform: scale(2.5);
}

div.gallery {
  margin: 5px;
  float: left;
  width: 100px;
  transition: .2s;
}

div.gallery img {
  width: 100px;
  height: auto;
}

<div class="gallery">
  <a href="img.png" target="_blank"><img src="https://via.placeholder.com/100.jpg" width="100" height="auto"></a>
</div>

我發現你的代碼為我工作。我不知道為什么它對你不起作用。

我對你的代碼做了一點改動。

.gallery-image {
  width: 100px;
  height: auto;
  transition: transform 0.2s, border-color 0.2s;
}

.gallery-image:hover {
  border: solid 3px black;
  transform: scale(1.5);
}

<div class="gallery">
  <a href="img.png" target="_blank">
    <img src="img.png" alt="Image" class="gallery-image">
  </a>
</div>