Img具有固定高度宽度的响应式内部div (全宽滑块)

文章/答案/技术大牛

发布

3回答

html、css、slide

我正在尝试创建一个滑块作为全宽标题，当我设置固定的宽度和高度时，我的img没有响应，如果我拉browswer width它就会被切断。然后我设置width:100%，height:auto，然后调整整个img的大小。我想像这个网站的fullwidth目录内的img响应，请帮助我，如果有任何教程(S)。<

浏览 12提问于2016-09-12得票数 0

1回答

如何在swiperjs中调整图像大小

html、css、layout、swiper、swiperjs

我的布局没有问题，但我想调整图像的大小，我试图使图像设置为宽度: 1130px，但无法响应…如何修复它。我的Swiper代码： slidesPerView: 3, spaceBetween

浏览 17提问于2021-06-25得票数 2

1回答

Jssor Slider -在全宽滑块容器中的全宽缩略图导航器可能吗？

jquery、html、css、jssor

如果这件事在别处报道，我很抱歉，提前感谢您的帮助。

浏览 0提问于2014-08-20得票数 0

3回答

Flexslider加载时向下推送内容

javascript、jquery、html、css、flexslider

我的主页有不同的部分，上面有锚标签。其中一个部分包含一个全宽度的“弹性滑块”滑块。当我从另一个页面链接到主页上滑块下方的任何锚点时，视口最初都会转到正确的位置。我通过为flexslider容器定义一个固定的宽度和高度修复了这个问题，但这不是一个有效的解决方案，因为我的站点是响应式</e

浏览 0提问于2014-01-15得票数 1

1回答

根据背景图像的纵横比和固定的高度动态改变div大小

javascript、css、slider、aspect-ratio、slick.js

我使用光滑滑块()来显示各种大小的图像(包括肖像和风景图片)。图像显示为div的背景图像属性但是，滑块具有固定的开箱宽度/高度。我的要求是让所有光滑的div都有一个固定的高度-但一个可变的宽度基于肖像或风景图片。在下面的代码中，图像2,3是纵向模式，1,4是横向模

浏览 21提问于2017-06-30得票数 0

2回答

如何在引导中生成高度固定的全宽度图像？

html、css、twitter-bootstrap

我需要做一个高度固定的全宽度图像。<img class="img-marquee" src="img/image1.jpg" alt="image 1"> <<e

浏览 3提问于2015-08-23得票数 0

回答已采纳

1回答

我需要将旋转木马修复到一个特定的大小和图像，以适应旋转木马。

css、image、twitter-bootstrap、carousel

我需要修复旋转木马到一个特定的大小和图像，以适应它。在移动视图中没有问题，但是在计算机上，图像填满了屏幕，然后我不得不向下滚动以看到旋转木马指示器。我该怎么办？CSS代码：.carousel-inner > .item > a > img { height

浏览 0提问于2016-11-05得票数 1

回答已采纳

2回答

图像占用了flexbox div* (100%)中的所有空间，而不会使div变形*

css、flexbox

图像占用了flexbox div (100%)中的所有空间，而不会使div变形。所以不是div调整为包含图像，而是image调整为充满div。我知道在flexbox中包含图像的内部div会根据图像的大小进行调整，如果你说：我需要flex div中的一个图像来占据div的所有空

浏览 3提问于2016-04-26得票数 1

2回答

Bootstrap contianer半正常半流体

twitter-bootstrap

Bootstrap有两种类型的容器:响应式固定宽度容器和全宽度容器，它们跨越视口的整个宽度。我需要建立一个容器，如果左侧固定宽度和右侧是全宽。这个是可能的吗？谢谢。

浏览 21提问于2016-08-08得票数 0

10回答

使用twitter bootstrap的全宽布局

css、twitter-bootstrap

我正在尝试实现一个与此类似的布局：我的项目使用带有响应式设计的Twitter Bootstrap。是否可以使用Bootstrap实现全宽布局？问题是，根据我所读到的内容，bootstrap 3.0中将删除流畅的布局，响应式设计具有固定的宽度。

浏览 0提问于2013-01-11得票数 69

回答已采纳

2回答

Bootstrap CSS在移动设备上固定div的高度

css、twitter-bootstrap、twitter-bootstrap-3

我有一个固定高度的div。<div class="col-md-12" style="height:250px;"></div> 当我调整屏幕大小到移动时，我的div宽度是响应式的，并且缩小了，但

浏览 5提问于2016-01-01得票数 4

回答已采纳

1回答

如何向包含响应图像的div动态添加高度

javascript、jquery、html、css、responsive-design

我在一个响应式容器中放置了一个简单的jquery图像滑块。滑块的工作是响应式的，但是高度是以像素设置的，在最大视口宽度下看起来很好，但是可以想象，在较小的视口宽度下，滑块和内容之间的距离太远了。我想知道是否有一种简单的方法使用CSS或jQuery来动态设置包含图像滑块

浏览 1提问于2013-03-05得票数 0

回答已采纳

2回答

CSS响应图像，最大宽度或最大高度

css、html、responsive-design、twitter-bootstrap-3

我目前正在做我的第一个响应式网页设计，使用Bootstrap 3。问题是:使用CSS时，我只知道如何适应宽度或高度，而不是取决于容器的大小。overflow: hidden; float: left;

浏览 0提问于2014-01-16得票数 3

回答已采纳

1回答

在网页呈现过程中，哪些子元素优先于父元素的宽度计算？

html、css、width、render

有时div中的内容会展开以适应父级宽度，但有时内容(如img、table)会使父文件扩展。第一种或后一种情况会在什么情况下发生？

浏览 2提问于2014-04-04得票数 0

回答已采纳

2回答

Flexbox全半宽混合布局

css、flexbox

如何使前3个为全宽，后7为50%宽？如果需要的话，我可以使用flexbox。在这个演示中，容器的宽度是固定的，但实际上它是一个响应式布局，所以宽度是不同的。 <div class="item ite

浏览 0提问于2016-07-07得票数 4

回答已采纳

3回答

将Div放置在带有响应式图像的Div的正下方

css、html

我有一个div，里面有一个全宽的响应式图像。我想把另一个div放在这个div的正下方，这个div有响应图像。 <img sr

浏览 0提问于2013-11-28得票数 1

1回答

引导响应式嵌入在flexbox中不工作-高度没有计算-为什么？

css、twitter-bootstrap

所以我在使用flexbox中的Bootstrap响应式嵌入类时遇到了一个问题。当堆叠东西时，这些类工作得很好，但是如果我使用flexbox并排放置两个div(一个包含视频，另一个是文本信息面板)，视频会移动到半宽(这是正确的)，但高度仍然是全高，就像它是全宽一样。我似乎没有改变什么，就是让高度与由flexbox的宽度变化控制的比率保持一致。这是

浏览 25提问于2019-01-22得票数 1

3回答

响应式容器高度

html、css、wordpress

我在这个网站上设置了幻灯片来响应，但现在我需要容器的高度来调整里面的图像。"><img src="http://www.yourwhiteknight.com/wp-content/uploads/2014/08/Company-Photo_MF-RE-Page-Slide-Show.jpg<p><img src="http://yourwhiteknigh

浏览 3提问于2016-01-27得票数 1

3回答

bxslider幻灯片重叠-在1帧中显示两张幻灯片

javascript、html、css、video、bxslider

这个BX滑块的问题快把我逼疯了。当涉及到这一点时，我几乎是一个新手。我指的是这个页面> (这个问题也出现在其他地方)下面的幻灯片也有类似的视频，但“幻灯片重叠”只出现在第一个视频上。我尝试的一切要么不起作用，要么修复了这张幻灯片，但将问题推

浏览 3提问于2014-05-22得票数 1

3回答

为横幅创建响应式div

jquery、html、css、twitter-bootstrap、responsive

如何为div创建响应式div，如在引导程序中创建img响应类我是应该使用javascript来完成，还是可以使用css或bootstrap来完成？<div</em

浏览 0提问于2016-10-14得票数 0

点击加载更多