横幅图片将无法显示正确的尺寸

Question

我的横幅图片显示不正确。我的index.html文档中有一个滚动横幅，上面有三张旋转图片。我试图将3张图片预先调整为标准化的1920px x 800px。只有一张图片似乎正确显示。另外2个在右侧留出空间，1个在底部也没有正确显示。如您所见，我甚至有行项目属性来控制宽度（data-image-width='1920'）和高度（data-image-height='800'）。

当您将鼠标悬停在图像上时，它会在所有三个上提供1440×600像素（自然：1920×800像素）的大小。我的styles.css文件中也有css来控制图像所在的main-baner类。

.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％。