链接在Wordpress中的平板电脑视口(768px到991px)停止工作



我真的无法解释为什么会发生这种情况,但我正在 BS3 中构建一个 WP 主题,出于某种原因,在平板电脑视口(768 到 991px)上,我的链接停止工作。它们不可点击、点击、选项卡等。

是什么导致了这种奇怪的现象?我甚至如何诊断我的网站何时符合 W3C 标准?

呸。。。恐怖!

我真的没有代码来支持这一点,但我可以将我的整个页面粘贴在这里。我会根据要求或我的 CSS 文件等来执行此操作。

使用 bootstrap 时,.col-* DIV 应位于 .row DIV 中,进而位于 .container DIV 中。我可以在您的 html 中看到您有 2 个顶级 DIV,其中一类为 .col-*,并且它们具有与之关联的不同屏幕尺寸。您的页脚 DIV 有一类"col-lg-12 页脚区域",这意味着当它低于 991px 时,它将停止浮动,而其余内容会浮动,这就是导致问题的原因。

如果将页脚类更改为:"col-sm-12 页脚区域" - 这将解决问题。

但是理想情况下,您需要做的是从页脚和页面换行中完全删除col-sm-12,并将其替换为"容器",使它们看起来像:<div class="container footer area">

最新更新