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