html - 链接在移动模式下不起作用

标签 html css hyperlink

我关注的应用有一份获奖名单。这一切在桌面上运行良好,但一旦我调整到移动尺寸,获胜者似乎不再可点击。

https://religious-freedom.herokuapp.com/

我认为 css 的某些部分工作得不是很好。 我是我的第一个大型应用程序,所以所有的代码都有点乱。

谁能告诉我是什么原因造成的? 谢谢

最佳答案

您的链接元素被其他 div 元素覆盖。我将 clearfix 类添加到以下 div,它“发现”了您的链接。

<div class="silver col-lg-4 col-md-4 clearfix"...

参见 http://getbootstrap.com/css/#helper-classes-clearfix有关 clearfix 类的更多信息。通常添加

使用浏览器开发工具检查您的页面非常有帮助。当您将鼠标悬停在 devtools 窗口 Pane 中的元素上时,它会显示您的 div 的位置以及它们是否可能无意中与其他内容重叠。

关于html - 链接在移动模式下不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40369149/

相关文章:

css - 删除无序列表中链接之间的间隙

vba - 在 Excel/VBA 中自动从链接下载图片的方法是什么?

html - 如何在 jquery 移动页面上垂直居中 DIV

javascript - 选择 'item' 2 on load - Owl Carousel

javascript - jQuery仅在已选择时删除突出显示

html - 如何在 <li> 中垂直对齐图像中间?

javascript - 限制html5视频的最小尺寸

html - 我可以在不换行的情况下制作一个与内部文本大小相同的容器吗

javascript - 单击选项后如何使下拉菜单消失?

html - 如何通过 html 链接预填充短信正文