Responsive design 响应式居中图像滑块

我试图在我的网站上实现一个触摸屏。然而，我没有成功地在我的滑块容器中有一个响应图像。 我需要图像得到容器的完整尺寸。调整web浏览器的大小时，图像和滑块容器的大小需要作出响应

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

在这里，您可以找到我的问题示例：

我的网站：

---

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

我已经查过你的代码了。只需以百分比（%ex-70%）而不是像素为单位指定父元素的特定宽度。如果元素的父元素可以按百分比进行伸缩，子元素将自动尝试响应。不要尝试

width:auto浏览器假定其宽度为0。您可以使用
height:auto但不是宽度。因此，在滑块中使用图像的最小高度，并使用
height:auto保持其大小和<代码>宽度：90%（例如）。我没有你的网站url，否则我可以告诉你更具体的信息。
谢谢你的回复。我真的试过了，但没有成功。我不知道如何使图像大小适应容器。如何扩展它…这里有一个简化的示例：替换为，并且您在CSS中编写了语义错误的this.touchlider image img{}，因此将其更改为img.touchlider image{}。只有一些改变才能使它响应。如果可能，单独定义每个元素的宽度，可以使用“最大宽度”，也可以不使用“最大宽度”，但以%为单位，而不是以像素为单位。因为我们让浏览器在定义最大宽度时感到困惑，而不知道它当前的确切宽度是多少。把我上面提到的改变放进去。希望这对你有帮助。谢谢你的回答。我以前没见过我的html代码有一些风格。。。我尝试了你的建议，但是如果我不在像素中设置元素，滑块就会变得非常窄。我错过了一些东西。。。这里的小提琴更新：使用最小宽度，你希望它被设置为不被进一步拉伸。再次感谢你的帮助。我尝试了最小宽度，宽度，高度，最小高度。。。以%表示，在px中，使用自动，但它仍然不工作。