当我在logo之前使用一个伪元素使其vertical-center时。不再缩放，它只是从父元素中以较小的宽度滑出。
<div id="header">
<div id="logo">
<img src="http://abload.de/img/unbenannt-1bmq5b.png" alt=""/>
</div>
</div>
here is a fiddle
最佳答案
我假设你用了伪元素来“vertical-center”这个标志。
伪元素充当inline-block元素。因此，通过vertical-align: middle规则，您可以将另一个inline-block元素（logo）置于中间。它就像一个符咒
在您的案例中添加一个负边距以适应屏幕中的两个元素。
#header #logo:before {
margin-left: -4px;
}
FIDDLE