我是bootstrap的新手。我有一个徽标图像(而不是项目名称)和页面顶部的水平导航栏。标志图像位于左侧。当浏览器窗口缩小时,导航栏缩小。 我有两个问题:
(a)下拉菜单(当窗口大小减小时)与内容区域重叠 (b)菜单位于徽标图像下方。徽标图像大约为160像素。(我认为当窗口大小减小时我可能需要减小徽标图像的大小。)任何人都可以告诉我如何减小图像大小或任何其他方法解决这个问题!!
答案 0 :(得分:1)
如果逐步减小图像大小将解决您的问题,那么您可以在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