背景图像未正确拉伸

Question

可以在此处查看该页面：http://tmstaging.cloudapp.net:88/en/my/news/sample-great-food-and-tasty-celebrities-with-astro-bella-new-show-taste-selebriti

问题出在双列旋转木马的第一部分。我已经检查了我的css，如果我删除了这行代码：

  background-position: center center !important; 

来自下面的课程：

  .promo-content .banner .slides > li

背景图片会正确显示。但我不确定这是否是一个有效的解决方案。此外，当调整大小为平板电脑尺寸时 - 右列比左列短。如何保持这两列的高度相同？

非常感谢任何帮助

Answer 1

我认为这对你最好。

.promo-content .banner .slides > li {
      min-height: 385px;
      background-position: center center !important;
      background-size: auto 100% !important;
     background-repeat: no-repeat !important; }