实现：适当调整徽标大小答案

【问题标题】：Materialize: Resize logo properly实现：适当调整徽标大小
【发布时间】：2017-09-11 10:46:28
【问题描述】：

我正在尝试使用 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>

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

【问题讨论】：

【解决方案1】：

尝试将其用于您的图像：

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

这将重新定位您的图像并适合您的 div

【讨论】：