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