响应中心图像滑块

时间:2013-02-26 18:16:54

标签: responsive-design

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

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

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

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

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

1 个答案:

答案 0 :(得分:0)

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