实现：正确调整徽标大小

Question

我正在尝试使用Materialise创建新的网站设计 到目前为止，一切都很顺利，但有一点： 在桌面版本上，徽标保持完美，但是当我们进入响应式视图（或只是放大一点）时，徽标并不合适：

所以我的问题是我如何解决这个问题？ 我希望徽标变得更小以适应。

这是我目前使用的CSS：

.brand-img img {
    padding-left: 5px; /* Fix a little issue of the logo "sticking" to the left side of the screen too much */
    height: 100%;
}

和我使用的HTML行（不是那么壮观）：

<a href="#" class="brand-img img-responsive">
    <img src="https://www.finlaydag33k.nl/wp-content/uploads/2016/08/logo-FDG-300-01-300x300.png">
</a>

我希望有人能帮助我:)。

Answer 1

尝试将此用于您的图片：

position:relative; top:1px; /*adjust this top*/

这会重新定位你的图像并适合你的div