页眉和页脚中的某些 div 没有响应答案

【问题标题】：Certain divs in header and footer aren't responsive页眉和页脚中的某些 div 没有响应
【发布时间】：2016-09-15 09:27:43
【问题描述】：

我无法让我的标题响应。当我从全尺寸浏览器窗口或手机查看网站时，一切正常。（我已经为移动设备设置了“@media only”查询。）但是，如果我将浏览器窗口调整为介于两者之间的任何内容，标题左侧的 div 就会运行到右侧的 div 中。

我有一种感觉，因为我已经通过 header.php 文件将徽标插入到网站中。如果它不存在，我相信标题会响应。

你如何处理这个问题？我可以设置一些“仅限@media”查询来解决浏览器大小之间的问题吗？

您可以在这里查看有问题的测试站点：http://kahamarketing.com/wyckoff/wordpress/

页脚中的三个横幅也有类似的问题，如果我将浏览器窗口缩小一点，它们就会相互碰撞。同样，我通过网站的footer.php文件添加了这些元素。

提前感谢您的帮助。

【问题讨论】：

【解决方案1】：

在您的情况下，a.logo 的高度规则使其损坏。用height: 60px取出线

也许在那之后你需要为nav.navigation取出margin-top规则

对于您的页脚问题，它有点复杂。很难在不知道你对 CSS 了解多少的情况下解释

【讨论】：

感谢您的回答。我将 a.logo 高度设置为 auto 并取出 margin-top 规则。在调整浏览器窗口大小时，这似乎使事情变得有些整理。现在文本调整大小以适应窗口的范围。当我调整它的大小时，标题仍然会进入导航栏。知道这是为什么吗？在 CSS 知识方面，我处于初学者和中级之间。当我不得不尝试做出响应时，事情就会变得不稳定。