Css 仅背景大小和宽度

我已经在我正在制作的网页上制作了一个全屏幻灯片，但作为幻灯片放映“完成”后的进入页面。我想在顶部放置一张图片，在分辨率达到用户要求后，图片的宽度扩展到全尺寸。而高度是静态的，比如600px

有办法做到这一点吗？用CSS还是什么？我是CSS的新手，在谷歌搜索了很多天之后，我还没有找到任何我想要制作的像样的例子

我还没有准备好任何关于我要做什么的例子，但希望有人能知道我要做什么

---

提前感谢

您可以在

背景大小

中设置两个不同的值：

.yourimg {
      background-image: url('yourimghere.jpg');
      background-size: 100% 600px;
}

---

你可以试试这样的容器

HTML:

<div id="boom">
    plop
</div>

#boom {
    width: 100%;
    height: 600px;
    background: url(http://placehold.it/1600x600);
}

结果：

这对我很有效

.backgroundImage{
  background-size:contain;
  background-position:top center;
  background-repeat: no-repeat;
  height:600px;
}

---

啊，对，这是有道理的。第一个是宽度，第二个是高度。明白了，我会试试的谢谢你的帮助没问题。如果需要，还可以为元素本身设置

高度

。好的，谢谢。从示例中可以看出，无论我设置的高度是多少，“图片”都会填满整个屏幕。但我想我明白了。我会很担心地尝试它，忘记更改值！完美的由于我所做的更改，测试图片看起来不错，谢谢，我在这台计算机上只有颜料，很抱歉我的箭头。您想根据页面宽度对图像进行裁剪还是展开？最多可能会进行裁剪。我使用的是一张1600x600的图片，所以如果有人使用全高清分辨率，那么它将被扩展。谢谢：）我已经尝试了前面的例子，效果很好。谢谢你的帮助，