Question

我在此页面上有一个链接：http://www.appetiteforexcellence.com/young-chef/在页面上的文本中（单词“years”），它实际上并未链接到桌面视图上的所需页面，但可以在移动设备上运行。检查元素时，我可以看到锚标记，但似乎无法使其正常工作。任何帮助将不胜感激。

由于

Answer 1

尝试在行类中包装以下div：

<div class="row">
    <div class="col-md-10 col-md-offset-1 article-content page-content">...</div>
</div>

Answer 2

.page-id-98  .white-container .page-content {
  position: relative;
  z-index: 1
}

应该修复它。

它与下一个.row重叠并且点击没有达到它。或者，如果您在以下pointer-events上不需要.row，则可以在其上设置pointer-events:none，以允许click个事件通过，如下所示：

.page-id-98  .white-container .page-content + .row {
  pointer-events: none;
}

请注意，第二个代码块是第一个替代，而不是累积（您不需要两者）。而且我相信第一个更好（并发症少）。

上面我试图解释为什么你的链接没有用，所以你知道下次遇到这类问题时如何调试它。但实际的解决方案是将列包装在.row中，正如其他人所建议的那样。 Bootstrap推荐所有[class^="col-"]的主要原因应该是.row s的直接子项。如果他们没有遇到负边距问题，您的内容将难以调试水平滚动条，宽度从992px到1022px，从768px到798px。

Answer 3

我遇到了同样的问题，使用行包装器对我不起作用。我所做的是给 div 一个“位置”，并给它 2 的 z-index。效果很好！像这样：

<div class="col-md-10 col-md-offset-1 article-content page-content" style="position:relative; z-index:2">...</div>

Answer 4

只需添加缺少的mprotected - Wrapper，如下所示：

＆＃13;

/proc/self/maps

＆＃13;

锚点链接无法在桌面上运行，但可在移动设备上运行

4 个答案: