Html 使图像适合其屏幕的全宽

我正在尝试将图像与浏览器的整个宽度相匹配。请让我知道CSS代码。我使用px作为容器。所以让我知道，根据这一点。我不想滚动条到浏览器的全屏。我正在尝试宽度：100%，在像素宽度。但我看到的滚动条没有任何效果。

如果您希望它依赖于浏览器的视口，请将其添加到元素的css中，它将自动拉伸

background-size: 100% 100%;

---

图像在CSS中有自己的显示类型，所以当你说“宽度：100%”时，它会填充到原始图像尺寸的100%，而不是像块一样展开以填充父元素的100%

您可以通过更改显示类型来解决此问题，但仅适用于该图像：

<style type="text/css">
  img.big-img {
    display:block;
    width:100%;
  }
</style>

…

<img src="my_image.jpg" class="big-img">

---

使用位置：绝对干扰整个网站。所以这对我不起作用！可能重复的

<style type="text/css">
  img.big-img {
    display:block;
    width:100%;
  }
</style>

…

<img src="my_image.jpg" class="big-img">