使用媒体查询缩小/固定带有标题图像的导航栏

时间:2013-05-16 12:03:50

标签: css3 responsive-design media-queries

我刚刚开始尝试媒体查询,而且我似乎已经达到了我想要实现的目标的绊脚石。

我有一个简单的标题/横幅,其下方有一个导航栏,其中包含指向四个单独页面的链接。

我设置了媒体查询,以便在页面调整大小超过一定宽度时更改标题的大小,并且导航栏会随之调整大小。我遇到的问题是导航栏保持静止状态,并且不会与调整大小的图像“捕捉”,在导航栏的顶部和标题本身之间留下一些丑陋的蓝色空间。

有问题的页面可在www.grantdoole.co.uk找到。

我如何捕捉或固定导航栏以避免在调整页面大小时使页面看起来发粘?

(P.S:目前只有标题和导航栏将媒体查询应用于页面)

1 个答案:

答案 0 :(得分:1)

如果从内部头部和头部移除固定高度,它会在缩小时跟随您的图像:)