图像无法正确缩放

Question

当我在我的徽标之前使用伪元素时，<div id="header"> <div id="logo"> <img src="http://abload.de/img/unbenannt-1bmq5b.png" alt=""/> </div> </div> 。不再缩放，它只是以小宽度向下滑出其父元素。

select all PLACE,CITY,LATTITUDE,LONGITUDE from LOCATION     
where PLACE like CONCAT('%', PLACE1, '%')

here is a fiddle

Answer 1

我假设你已经使用了伪元素＆＃34; vertical-center＆＃34;标志。 伪元素充当inline-block元素。因此，通过vertical-align: middle规则，您可以将另一个inline-block元素（徽标）带到中间。它就像一个魅力

在你的情况下添加一个负边距以使两个元素都适合屏幕。

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

FIDDLE