Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 固定高度和宽度,用于响应引导转盘_Jquery_Html_Css - Fatal编程技术网

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当我使用不同高度或宽度的图片时,旋转木马的大小会随着图片的变化而变化。你能添加这些图片吗?什么是不同高度或宽度添加了不同大小的图片