定位/调整背景图片大小时出现问题

Question

我目前在标题中难以调整带有背景图片的div的大小/位置。我在Google上进行了一些搜索，但没有任何帮助。.

标题具有徽标，该徽标位于称为“ header-left-section”的div中。徽标的右上角有一个导航菜单，该菜单在称为“ header-right-section”的div中对齐。这些div已经存在于主题中。 现在，我们希望在导航菜单下以及徽标的右侧有一个图像。为此，我创建了一个div标签“ bottom-header-section”，并将该图像设置为背景图像。现在，我读了几个主题，如果没有设置高度和宽度，则背景图像不会显示，因为div不会有大小。

现在我的问题是，一旦缩小浏览器窗口，带有背景图像的div就会设置为徽标和菜单，而这是我根本不需要的。

这是我的div CSS代码：

]

据我了解，现在我将高度设置为120px，将宽度设置为800px，这将为div设置一个固定的大小，并且一旦我缩小窗口，div就会保持相同的大小，但是会改变位置，因为以前没有在同一行上有更多空间了吗？

那么在徽标右侧对齐此div并保持响应速度的最佳方法是什么？

如果您需要网站链接，请告诉我。

Answer 1

您可以尝试为较小的断点添加类似的内容。

#bottom-header-section {
  height: 65px;
  width: 65%;
  background-size: contain;
}

随着高度和宽度的变小，您可能不得不玩。