除非放大，否则我的锚超链接不起作用答案

【问题标题】：My Anchor Hyperlink is not working unless zoomed in除非放大，否则我的锚超链接不起作用
【发布时间】：2021-02-22 17:41:33
【问题描述】：

我有一个正在运行的代码，但除非放大，否则 href（链接）不会显示，我是否缺少某些东西？
这是我的代码（出于安全原因，我将 img 源替换为“imagelink”，但我有正确的 src）：

<div class="socialMediaDiv" style="">
  <a href="#"><img src="imagelink" style="max-width: 35px;"><span style="margin-left: 5%; color: black;">Fresh Member Facebook Group</span></a>
</div>

<div class="socialMediaDiv" style="padding-top: 3%;">
  <a href="#"><img src="imagelink" style="max-width: 35px;"><span style="margin-left: 5%; color: black;">Fresh Networking Facebook Page</span></a>
</div>

<div class="socialMediaDiv" style="padding-top: 3%;">
  <a href="#"><img src="#" style="max-width: 35px;"><span style="margin-left: 5%; color: black;">Fresh Member Events Facebook Group</span></a>
</div>

<div class="socialMediaDiv" style="padding-top: 3%;">
  <a href="#"><img src="imagelink" style="max-width: 35px;"><span style="margin-left: 5%; color: black;">Fresh Networking Instagram</span></a>
</div>

<div class="socialMediaDiv" style="padding-top: 3%;">
  <a href="#"><img src="imagelink" style="max-width: 35px;"><span style="margin-left: 5%; color: black;">Fresh Member LinkedIn</span></a>
</div>

<div class="socialMediaDiv" style="padding-top: 3%;">
  <a href="#"><img src="imagelink" style="max-width: 35px;"><span style="margin-left: 5%; color: black;">Fresh Networking YouTube</span></a>
</div>

<div class="socialMediaDiv" style="padding-top: 3%;">
  <a href="#"><img src="imagelink" style="max-width: 35px;"><span style="margin-left: 5%; color: black;">Fresh HQ (Only for Leadership Members)</span></a>
</div>

【问题讨论】：

你能添加socialMediaDiv类吗？当您放大/更改屏幕尺寸时，听起来媒体查询可能会隐藏链接？
@Andrew 我确实检查过，它只做了一些 CSS 样式。
我不相信提供的代码中有任何暗示这种行为的东西。使用浏览器的开发工具，您是否能够调整屏幕大小以识别链接在哪个像素处消失？

标签： html css href

【解决方案1】：

如果我们没有上下文和完整的 CSS 源代码，就不可能知道问题的根源。无论如何，链接不会导致任何内容 (#)，但我猜您在示例中已经替换了它。

罪魁祸首可能是 CSS。尝试通过删除相关代码来缩小范围。可能是溢出问题或其他对齐问题。

【讨论】：