如何在html中设置图像的高度和宽度？

如何在html中设置图像的高度和宽度

但在我看来，图像是这样的

以下是html代码：

HTML

<div class="imgslides">
        <div class="slide">
            <img src="uploads/pexels-pixabay-415100.jpg"  />
        </div>
        <div class="slide">
            <img src="uploads/eric-ward-ISg37AI2A-s-unsplash.jpg"  />
        </div>
        <div class="slide">
            <img src="uploads/pexels-helena-lopes-745045.jpg"  />
        </div>
        <div class="slide">
            <img src="uploads/pexels-pixabay-38284.jpg"  />
        </div>
        <div class="slide">
            <img src="uploads/pexels-visionpic-net-341378.jpg"  />
        </div>
    </div>

---

有什么建议吗？

如果上载的图像的大小大于您想要显示的大小，则需要为图像设置高度和宽度。小心，在html和css中都有slide类，它表示sliders。您可以在外部div中设置大小，并将图像类设置为：

 .imgclass
    {
        width: 100%;
        height: 100%;
    }

---

请记住，为较小屏幕提供较小图像是最佳做法

您是否已经尝试过使用

。幻灯片{object-fit:contain；}

？将尝试使用此幻灯片。谢谢兄弟

 .imgclass
    {
        width: 100%;
        height: 100%;
    }