精准控制图片链接点击区域的实现方法

.logo-container {
  display: flex;
  justify-content: center;
  /* 可选：限制最大尺寸，防缩放失真 */
  max-width: 100px;
  max-height: 100px;
}

.logo-container a {
  display: block;          /* 关键！使链接成为块级元素 */
  text-align: center;      /* 配合居中，兼容旧版浏览器 */
}

.logo {
  max-width: 100%;
  max-height: 100%;
  height: auto;
  display: block;          /* 消除图片下方默认空白间隙 */
}

? 注意事项：