横幅图片不会显示正确的尺寸

Question

我的横幅图片显示不正确。我的 index.html 文档中有一个滚动横幅，其中包含三张旋转图片。我尝试将 3 张图片的大小预先调整为标准化的 1920px x 800px。只有一张图片似乎可以正确显示。其他 2 个在右侧留有空间，1 个也未在底部正确显示。如您所见，我什至有订单项属性来控制宽度 (data-image-width='1920') 和高度 (data-image-height='800')。

当您将鼠标悬停在图像上时，它给出的所有三个图像的大小均为 1440 × 600 像素（自然：1920 × 800 像素）。我的 styles.css 文件中也有 css 来控制图像所在的主横幅 class。

.main-baner {position: relative; float: left; width: 100%; margin-top: 50px; height: 600px;}
.main-baner img {width: 100%; height: auto;}

知道为什么图片没有按标准尺寸显示吗？

Answer 1

.center_img{
width: 100%;
}

在图像中使用 100% class。