如何使用css将导航栏背景图像缩放到导航栏边框

我用于背景图像的css如下所示。我的问题是，当浏览器调整大小时，图像不会调整大小以完全填充导航栏。见下图

#navmenu{
  width:auto;
  height:240px !important;

  background-image: url("../Images/IMG-20160222-WA0001.jpg");
  background-repeat:no-repeat !important;
  background-size:cover !important; /*strech to fit navbar border*/
}

我尝试过使用宽度属性，但没有成功。谢谢

编辑：

---

使用选项[

背景大小：contain！important；

]时，图像不适合导航栏边框。请查看最后一张图片。

尝试

背景尺寸：包含


#导航菜单{
宽度：自动；
高度：240px！重要；
背景图像：url（“https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png");
背景重复：不重复！重要；
背景尺寸：包含！重要；
/*拉伸以适应导航栏边框*/
}

也许您想要
背景尺寸：包含
而不是？@Aides使用选项[background size:contain！important；]图像不适合导航栏边框。请看最后一张图片。请参见编辑问题是，您可以沿短轴、长轴拟合图像，也可以拉伸图像（您还想获得什么结果？。@助手们，我希望图像始终拉伸，以便在调整浏览器大小时始终完全显示完整图像。也就是说，对于图1，“LondolaGlass”应该如图2所示完全显示，而不考虑浏览器窗口的大小。最好的选择是使用创建响应性设计，并在宽度过低时（例如，只有没有文本的图标）使用选项[background size:contain！important；]图像不适合导航栏边框。请看最后一张图片。请参见编辑