Javascript 有没有可能使我的幻灯片中的所有图像都是全尺寸的，而不拉伸或显示滚动条

我希望在一个随机的幻灯片中显示谷歌照片，但我遇到的问题是每张照片的大小不同，有没有一种方法可以让所有照片在不拉伸的情况下保持相同的大小。这是我到目前为止的代码，任何帮助都将不胜感激

img{
宽度：100%；
}
var delay=10000//以毫秒为单位设置延迟
var curindex=0
var randomimages=新数组（）
随机图像[0]=”https://lh3.googleusercontent.com/MyPhotoLink"
随机图像[1]=”https://lh3.googleusercontent.com/MyPhotoLink"
随机图像[2]=”https://lh3.googleusercontent.com/MyPhotoLink"
随机图像[3]=”https://lh3.googleusercontent.com/MyPhotoLink"
随机图像[4]=”https://lh3.googleusercontent.com/MyPhotoLink"
随机图像[8]=”https://lh3.googleusercontent.com/MyPhotoLink"
随机图像[9]=”https://lh3.googleusercontent.com/MyPhotoLink"
随机图像[10]=”https://lh3.googleusercontent.com/MyPhotoLink"
var preload=新数组（）
对于（n=0；n

您可以尝试使用属性对象拟合

---

.fitImage{object-fit:cover；width:250px；height:100px}

最大高度和最大宽度是避免剪裁它们的良好开端： （剪辑选项已出现在另一个答案中）

范例

var delay=5000//以毫秒为单位设置延迟
var curindex=0
var randomimages=新数组（）
随机图像[0]=”https://placeimg.com/640/480/any"
随机图像[1]=”https://placeimg.com/1000/880/animals"
随机图像[2]=”https://placeimg.com/240/480/any"
随机图像[3]=”https://placeimg.com/940/80/nature"
随机图像[4]=”https://placeimg.com/100/480/people"
随机图像[8]=”https://placeimg.com/480/980/any"
随机图像[9]=”https://placeimg.com/240/480/tech"
随机图像[10]=”https://placeimg.com/640/280/any"
var preload=新数组（）
对于（n=0；n

img{
最大高度：100vh；
最大宽度：100vw；
形象定位：从形象出发；
/*可选的*/
显示：块；
}
/*仅用于演示目的*/
html{
显示器：flex；
高度：100vh；
}
身体{
保证金：自动
}

非常感谢您的及时回复，您的代码非常有用，我添加了背景色以填补空白。这是一个大问题，但你不认为有办法自动旋转横向图像以适应吗？如果它位于img文件的EXIF中，你可以尝试

img{image orientation:from image；}

。不太确定是否支持浏览器，但不应该hurt@stan780953信息在此感谢您的及时回复。