在我使用this template构建的Foundation上,除了两个导航栏之外,其他所有内容看上去都是正确的且具有响应能力。它们都在自己的<div class="row">
上,但是在调整窗口大小时它们彼此重叠。
(如果有帮助的话,有一个@media only screen and (max-width: 767px)
应该看起来更干净)。
最佳答案
实际上,如果您使用开发人员工具在chrome上打开页面,或者在带firebug的firefox中打开页面,则可以看到,当页面宽度小于767px时,问题就出现了,这是由于@media only屏幕和(max-width: 767px)。我建议您检查一下css原因,如果您将其从html中删除,您会得到更好的结果,因此您可以检查css中的哪些属性使div疯狂。