如何解决<a>标签包裹图片作为链接时自动缩小的问题

图片出现缩小是因为你设置的max-width: 65%的计算基准发生了变化：

• 没有被<a>包裹的图片，直接父级是宽度固定为父容器25%的.partner元素，65%的最大宽度是基于.partner的宽度计算，尺寸符合预期
• 被<a>包裹的图片，直接父级变成了<a>标签。<a>默认是行内元素，作为flex容器.partner的子项时，默认宽度不会自动撑满父容器，而是跟随内容收缩，导致图片的百分比宽度计算基准变小，最终显示尺寸缩小。

之前尝试的方案不生效的原因：

• 给<a>设置display: inline-block仅修改了盒模型类型，没有让标签撑满父容器的可用宽度，宽度计算基准错误的问题没有解决
• all: none不是all属性的合法值，all: inherit仅能让标签继承父级属性，同样没有解决宽度基准问题，无法修复异常。

给<a>标签补充以下样式即可完全恢复预期效果：

.partner a {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  text-decoration: none; /* 移除链接默认下划线，避免影响视觉 */
}

以上样式会让<a>标签完全撑满.partner容器的可用空间，同时保留原有的居中布局逻辑，图片的尺寸计算基准和未加链接时完全一致，不会再出现缩小问题。

额外优化提示：你在.partner样式中写的float: left属于冗余代码——flex容器的直接子项设置float不会生效，可以直接删除，减少不必要的样式解析开销。

内容的提问来源于stack exchange，提问作者Hunor Czékmán