充满整个屏幕宽度的图像

要实现一个充满整个屏幕宽度的图像，可以使用以下代码示例：

HTML代码：

<div class="full-width-image">
  <img src="image.jpg" alt="Full Width Image">
</div>

CSS代码：

.full-width-image {
  width: 100%;
  overflow: hidden;
}

.full-width-image img {
  width: 100%;
  height: auto;
}

在上述代码中，我们创建了一个包含图像的 <div> 元素，并为其设置了 full-width-image 类。然后，在 CSS 中，我们将该元素的宽度设置为100%，并设置了 overflow: hidden，以确保图像不会超出屏幕宽度。接下来，我们将图像的宽度设置为100%，高度自动调整以保持其原始比例。

这样，图像就会自动充满整个屏幕宽度，并保持其原始比例。你只需要将实际的图像文件路径替换为 src 属性中的 image.jpg。