Html 当屏幕大小改变时，图像没有响应。

我试图使图像响应，但当我用不同的屏幕大小测试它时，它会切断图像的一部分。这是我的

我遗漏了什么或可能做错了什么？

尝试添加以下内容：

background-size: 100% 100%;

尝试添加以下内容：

background-size: 100% 100%;

---

您还可以使用

背景大小：contain

而不是cover来强制图像完全显示

封面将完全填满整个背景

contain
将确保整个图像显示在元素中

您还需要在主背景样式之后应用这些背景样式属性

因此：

您还可以使用
背景大小：contain
而不是cover来强制图像完全显示

封面将完全填满整个背景

contain
将确保整个图像显示在元素中

您还需要在主背景样式之后应用这些背景样式属性

因此：

首先设置所有的“背景-”部分，然后用速记方式定义“背景”，即覆盖。更改订单

.mainImage {
position: relative;
background:url(https://s-media-cache-ak0.pinimg.com/originals/12/5d/ba/125dba934726c247106978c7b9cdb452.jpg)
background-repeat: no-repeat;
background-size: cover;
background-position: top center;
background-attachment: fixed;
width: 100%;
min-width: 100%;
margin-right: 0;
margin-left: 0;
height: 600px;
margin-top: -85px;
}

或者不要用速记

background-image: url(https://s-media-cache-ak0.pinimg.com/originals/12/5d/ba/125dba934726c247106978c7b9cdb452.jpg)

首先设置所有的“背景-”部分，然后用速记方式定义“背景”，即覆盖。更改订单

.mainImage {
position: relative;
background:url(https://s-media-cache-ak0.pinimg.com/originals/12/5d/ba/125dba934726c247106978c7b9cdb452.jpg)
background-repeat: no-repeat;
background-size: cover;
background-position: top center;
background-attachment: fixed;
width: 100%;
min-width: 100%;
margin-right: 0;
margin-left: 0;
height: 600px;
margin-top: -85px;
}

或者不要用速记

background-image: url(https://s-media-cache-ak0.pinimg.com/originals/12/5d/ba/125dba934726c247106978c7b9cdb452.jpg)

图像的哪些部分被切断，但需要留在内部？您还可以使用
背景大小：contain
强制图像完全显示。这是您试图实现的目标？@KeesvanLierop右侧更多，但两者都被剪切off@Nofel查看我的最新答案图像的哪些部分被切断，但需要留在内部？您还可以使用
背景大小：contain
强制图像完全显示。这是您试图实现的目标？@KeesvanLierop右侧更多，但两者都被剪切off@Nofel见我的最新答案可能
背景尺寸：100vw可能<代码>背景尺寸：100vw