如何用图像填充div，同时div在响应页面上保持1:1.5的比例

要实现图像填充div并保持1:1.5的比例，可以使用CSS的background-size属性和padding-bottom属性来实现。

首先，将div的宽度设置为100%以适应响应页面的宽度。然后，设置div的高度为0，并使用padding-bottom属性来设置div的高度为宽度的1.5倍。

接下来，在div的CSS样式中，使用background-image属性来设置图像的URL，并将background-size属性设置为cover，这样可以确保图像填充整个div。

以下是一个示例的CSS代码：

.div-class {
  width: 100%;
  height: 0;
  padding-bottom: 150%; /* 1:1.5的比例 */
  background-image: url("image.jpg");
  background-size: cover;
}

在上述代码中，将.div-class替换为你要应用样式的div的类名或ID。同时，将image.jpg替换为你要填充的图像的URL。

这样，无论div的宽度如何变化，图像都会填充整个div，并保持1:1.5的比例。