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



我是引导程序的新手。我的页面顶部有一个徽标图像(而不是项目名称)和一个水平导航栏。徽标图像位于左侧。当浏览器窗口缩小时,导航栏缩小。我有两个问题:

(a) 下拉菜单(当窗口大小减小时)与内容区域重叠(b) 菜单位于徽标图像下方。徽标图像大约为160像素。(我想当窗口大小缩小时,我可能不得不缩小徽标图像的大小)。有人能告诉我如何缩小图像大小或任何其他方法来解决这个问题吗!!

如果逐步减少图像大小可以解决问题,那么您可以在CSS中使用媒体查询来实现这一点。例如

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

有关媒体查询的详细说明,请查看http://css-tricks.com/snippets/css/media-queries-for-standard-devices/或http://webdesignerwall.com/tutorials/css3-media-queries

最新更新