当浏览器缩小时，主题会为图像设置最小高度，同时图像宽度会越来越小。图像被设置为填充整个横幅，因此图像在侧面被裁剪。

如果您将以下代码添加到自定义程序中的“附加CSS”，它应该可以工作。使用此代码，纵横比保持为4:1。宽度与浏览器相同，高度比例为4:1。

@media (max-width: 767px) { //Only apply to devices smaller than 767px wide, because the problem was only caused on smaller screens. If you want to maintain the 4:1 on every device, remove this line plus the very last bracket.

.site-header {
  width: 100% !important; //Width of screen
  padding-top: 25%; //Determines the aspect ratio (1/4)
  min-height: 0px !important; //Overrides the minimum height
  }

}    

我不能确定!important 如果需要，它会为这些设置提供额外的优先级。我添加它们只是为了确保min-height 属性替代默认属性。如果有时间，请尝试删除!important 检查零件是否仍能正常工作。如果是这样的话，你就省去了!important.

让我知道是怎么回事！