我想知道,如果我想要保持<header>
固定,那么该标题内的图像及其下方的项目应包含哪些值?在这里,我试图创建一个可收缩的固定标题,但图像不会调整到标题的大小,并在标题缩小时保持不变。我已经尝试将溢出值保持为可见以及隐藏,但它无法正常工作。标题下方的内容也会覆盖它,最终会超过标题。我应该在这里使用什么样的价值观,以及下一次如何让自己更容易?
小提琴:
http://jsfiddle.net/Lf7ys6v4/2/
这是我到目前为止所尝试的内容。
http://jsfiddle.net/Lf7ys6v4/16/
标题正在缩小,正如我想要的那样,固定菜单没有变得偏斜。我遇到的一个主要问题是,右侧的徽标和图像以及文本的大小并没有像标题那样减小。菜单也存在一些问题(当标题大小减小时,它与标题之间的差距)。
(我添加了错误的小提琴。正确的小提琴已更新)