Jquery 固定高度和宽度,用于响应引导转盘
我正在尝试用宽度和高度不相似的图片创建一个响应式旋转木马。 我想要一个固定尺寸的旋转木马,不知道图片的尺寸是多少。 以下是一个例子:Jquery 固定高度和宽度,用于响应引导转盘,jquery,html,css,Jquery,Html,Css,我正在尝试用宽度和高度不相似的图片创建一个响应式旋转木马。 我想要一个固定尺寸的旋转木马,不知道图片的尺寸是多少。 以下是一个例子: 旋转木马示例 我建议您尽量避免使用内联样式。您是否尝试使用: .item img{ width: 100%; } 用于为图像添加宽度 也许再加一个 .carousel{ height: 60vh } 到您的传送带。尝试此方法添加不同大小的图像,以固定的高度查看:500px .carousel-inner.item{ 高度:500px; 背景尺寸:
旋转木马示例
我建议您尽量避免使用内联样式。您是否尝试使用:
.item img{
width: 100%;
}
用于为图像添加宽度
也许再加一个
.carousel{
height: 60vh
}
到您的传送带。尝试此方法添加不同大小的图像,以固定的
高度查看:500px
.carousel-inner.item{
高度:500px;
背景尺寸:封面;
背景位置:中心;
}
这里的问题是什么。。?看起来一切都很好。@sanojlawrence当我使用不同高度或宽度的图片时,旋转木马的大小会随着图片的变化而变化。你能添加这些图片吗?什么是不同高度或宽度添加了不同大小的图片