Css 使图像适合 100% 宽的 div

Posted 2023-03-06

【中文标题】Css 使图像适合 100% 宽的 div

【英文标题】：Css make an image fit in a 100% wide div

【发布时间】：2013-10-18 01:14:41

【问题描述】：

我对 css 完全陌生，我需要一些帮助

问题来了： 我有一个 1600 像素宽的图像和一个 100 % 宽的 div。

有没有办法让图像适合 div，这样就没有水平滚动条，图像的其余部分在右侧被切断？

【参考方案1】：

理想情况下，您应该使用 %（响应式编码）来编写 CSS。在这种情况下，您可以设置图像 width:100% 和 overflow:hidden。这是使图像适合 div 的方法，这样就不会有水平滚动条，并且图像的其余部分在右侧被切断

【参考方案2】：

使用

background-position:cover;

图片。它将被设置为没有任何滚动条。