responsive-design - 响应式居中图像滑块

Question

我试图在我的网站上实现一个触摸滑块。但是，我没有成功在滑块容器中放置响应式图像。我需要图像获得容器的全尺寸。调整 Web 浏览器大小时，图像和滑块容器的大小需要响应。

目前，我的图像比滑块容器大，并且在调整浏览器大小时不会调整大小。

在这里你可以找到我的问题示例： http: //fiddle.jshell.net/WLRYW/

我的网站： http: //freakyshape.com/#/portfolio/dock.html

对不起我的英语，我是法国人...

Answer 1

我检查了你的代码。只需以百分比（% ex- 70%）而不是像素为单位给出父元素的特定宽度。如果元素的父元素可以按百分比缩放，则子元素会自动尝试响应。不要尝试width:auto;浏览器将其宽度假定为 0。您可以使用height:auto;但不能使用宽度。height: auto;因此，对滑块中的图像使用 min-height 并使用and width: 90%;（例如）保持它们的大小。我没有你的网站网址，否则我可以更具体地告诉你。