html - 想要使背景图像和颜色都 react 过度

Question

我正在开发适用于 Wordpress 的 PSD，并面临着根据颜色过度对齐背景图像或相反的问题。

在桌面上一切都很好，但在移动设备上背景图像变小了(我使用了 background-size: 100%;)。颜色过于保持不变，这会破坏小型设备上的一切。

出了什么问题？

.section-bg-image1 {
  padding: 100px 0px 300px 0px;
  background: url("http://localhost/wordpress/wp-content/uploads/2017/09/section_image2.png") no-repeat left bottom;
  position: relative;
  background-size: 100%;
}

.layer {
  background-color: rgba(226, 258, 62, 0.53);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

<div class="row">
  <div class="col-md-6">
    <div class="section-bg-image1">
      <div class="layer">
        <p class="section-bg-image1-paragraph">Some content goes here</p>
      </div>
    </div>
  </div>

Answer 1

做宽度而不是背景尺寸。并尝试将最大宽度设置为 100%。我帮不上什么忙，因为这段代码是有限的，而且只有 CSS。您也可以提供一些 HTML 吗？