Html 图像不'；t刻度正确

当我在我的徽标之前使用伪元素使其

垂直居中时

。不再缩放，它只是以较小的宽度滑出其父元素

<div id="header">
  <div id="logo">
    <img src="http://abload.de/img/unbenannt-1bmq5b.png" alt=""/>
  </div>
</div>

---

我假设您使用了伪元素来“

垂直居中”

”徽标。 伪元素充当

内联块

元素。这样，通过

verticalign:middle

规则，您可以将另一个

内联块

元素（徽标）置于中间。它很有魅力

在您的案例中添加负边距，以适应屏幕中的两个元素

#header #logo:before {
    margin-left: -4px;
}

---

你的小提琴很好用。我想你所说的比例是指为img标签填充所有可用空间。在这种情况下，请使用“高度”和“宽度”，而不是“最大高度”和“最大宽度”。如果内容对于容器来说太大，则后者会缩小。不，当我将浏览器缩小时，徽标会像在我的项目中一样向下滑动。因此，我无法解决问题，您希望实现什么？你能详细说明一下吗？你能想象出你想要的结果吗？@Cunning如果你去掉小提琴中的before伪元素，你就能看到我想要的。当浏览器宽度变小时，徽标应该调整大小，如在响应性网站中。它在没有伪元素的情况下工作，但它希望图像垂直对齐，这就是我插入伪元素的原因。@Verdemis看到答案了谢谢，这就是解决方案。但奇怪的是，我以前经常用这个，我从来没有遇到过这个问题。但现在我知道怎么解决了。感谢you@Verdemis：读这个。就连我也曾经面对过这个奇怪的问题。