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

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{
宽度:100%；

在图像类中使用 100%。