我试图在我的网站上实现一个触摸屏。但是,我在滑块容器中有一个响应式图像并没有成功。 我需要图像获得容器的完整大小。调整Web浏览器大小时,图像和滑块容器的大小需要响应。
目前,我的图片比滑块容器大,并且在调整浏览器大小时不会调整大小。
在这里,您可以找到我的问题示例:http://fiddle.jshell.net/WLRYW/
我的网站:http://freakyshape.com/#/portfolio/dock.html
对不起我的英语,我是法国人......
答案 0 :(得分:0)
我检查了你的代码。只需以百分比(%ex- 70%)为父元素指定特定宽度,而不是以像素为单位。如果元素的父级可以按百分比进行扩展,则子级将自动尝试响应。不要尝试width:auto;
浏览器假设其宽度为0.您可以使用height:auto;
但不能使用宽度。因此,对滑块中的图像使用min-height,并使用height: auto;
和width: 90%;
(例如)保持其大小。我没有你的网站网址,否则我可以更具体地告诉你。