HTML CSS图像响应网站

嘿，我正在尝试制作一个响应性强的网站，当我改变屏幕大小时，背景会改变大小，图像会从底部脱落，并改变垂直的位置。我们将不胜感激

  <div class="imagess">
  <img style="margin-left: 400px; margin-top: -103px; " src="images/Phone.png"/>
</div>
.imagess {
   position: relative;
   width: 100%; /* for IE 6 */
}

.imagess{
位置：相对位置；
宽度：100%；/*适用于IE 6*/
}

为img标签创建一个类。这是使img响应的css。我只是对你们的结构感到困惑，因为图像样式的左边空白和上面空白让我困惑。这只是一个例子

.imagess{
位置：相对位置；
宽度：100%；/*适用于IE 6*/
}
.img响应{
宽度：100%；
高度：自动；
显示：块；
保证金：0自动；
}

---

您可以使用

css calc（）

函数设置元素的顶部位置，如下所示

.imagess{
位置：相对位置；
宽度：100%；
高度：800px；
溢出：隐藏；
背景：#111；
}
.imagess>img{
位置：绝对位置；
宽度：200px；
高度：300px；
右：0；
顶部：钙（100%-90%）；
}

请提供实时链接，这样，我可以检查，到底是什么问题？为什么我在这个问题上得到-4？没有人理解你的问题：有一些聪明人回答了这个问题。但我应该更好地解释。