html - 元素在窗口调整大小时相互重叠

标签 html css responsive-design

关于 this template我使用 Foundation 构建,除了两个导航栏外,一切看起来都正确且响应迅速。他们都是自己的<div class="row"> ,但它们在窗口调整大小时相互重叠。

(有一个 @media only screen and (max-width: 767px) 应该使它看起来更干净,如果它有帮助的话)。

最佳答案

实际上,如果您使用开发人员工具在 chrome 上打开页面,或者在 firefox 中使用 firebug 打开页面,您可以看到当您使页面宽度小于 767px 时,问题就出现了,因为您的 @media only screen and (max -宽度:767 像素)。我建议检查 css,如果你从 html 中删除它,你会得到更好的结果,所以你可以检查 css 中的哪些属性让你的 div 变得疯狂。

关于html - 元素在窗口调整大小时相互重叠,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11763426/

相关文章:

javascript - 我可以在单个警报中对 javascript 数组的所有元素进行alert() 吗?

html - 禁止游标?

javascript - 如何让带有图像的 HTML 按钮与文本按钮对齐?

css - 具有三个背景图像的灵活宽度居中标题横幅?

html - Bootstrap : Insert <hr/> at responsive

javascript - 纯 html/css/javascript 页面的 P3P header

html - 在 css 中获取字体

html - 使用 Bootstrap 在 div 中居中文本

html - 垂直和水平居中 - 响应式

javascript - 按元素位置显示大 div 的一小部分