引导程序中的静态水平导航栏与内容区域重叠答案

【问题标题】：static horizontal navigation bar in bootstrap overlaps content area引导程序中的静态水平导航栏与内容区域重叠
【发布时间】：2014-01-07 13:31:01
【问题描述】：

我是 bootstrap 的新手。我的页面顶部有一个徽标图像（而不是项目名称）和一个水平导航栏。徽标图像在左侧。当浏览器窗口缩小时，导航栏会缩小。我有两个问题：

(a)下拉菜单（窗口缩小时）与内容区域重叠（b）菜单位于徽标图像下方。徽标图像约为 160 像素。（我想当窗口尺寸减小时我可能必须减小徽标图像尺寸）。谁能告诉我如何减小图像尺寸或任何其他方法解决这个！！

【问题讨论】：

【解决方案1】：

如果逐步减小图像大小可以解决您的问题，那么您可以在 CSS 中使用媒体查询来实现此目的。例如-

@media all and (max-width: 480px) {
/* Reduce image size */
}

【讨论】：