最大宽度和背景大小属性

Question

家伙！显然，我有一个问题。我写了一个页面，其中包含从Sharepoint列表生成的内容。它的宽度可以不同，所以我将min-width和max-width放在父div上。在这个div中，我有一个空{div} background-image和background-size: cover;。问题是此图像始终显示的width大小等于父div上使用max-width设置的大小。其他子div包含生成的文本，其宽度适合其内容。图像div设置为width: 100%;。你能告诉我怎样才能实现这个背景图像适合容器宽度的大小？当然我检查并使用此图像div，因为背景具有正确的宽度，但背景溢出此div。下面我发布了父和图像div的代码：

 .page {
  min-width: 874px;
  max-width: 1200px;
  height: 800px;
  margin: auto;
  padding-left: 160px;
}

.upperImage {
  display: block;
  width: 100%;
  height: 70px;
  clear: both;
  background-image: url("imageUrl");
  background-size: cover;
  background-position: center;
} 

有什么想法吗？我尝试使用javascript和element.style.backgroundSize属性来实现它，但它没有工作，我甚至无法让它返回当前大小。