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

问题描述 投票:-1回答:1

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

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

呃......恐怖!

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

html css wordpress hyperlink viewport
1个回答
1
投票

当使用bootstrap .col- * DIV应该驻留在.row DIV中,然后是.container DIV。我可以在你的html中看到你有2个顶级DIV和一个.col- *类,并且它们有不同的屏幕尺寸。您的页脚DIV有一类'col-lg-12页脚区域',这意味着当它低于991px时它将停止浮动,而其余内容浮动,这是导致问题的原因。

如果您将页脚类更改为:'col-sm-12 footer area' - 这将解决问题。

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

© www.soinside.com 2019 - 2024. All rights reserved.