Question

我已经阅读了有关使用max-width：100％和height auto调整图像大小的信息，它对我来说非常适用于单个图像但是如果我在js轮播中的图像上使用它我需要放入高度尺寸，否则图像没有显示？ js文件中是否有可能？这是我的html＆amp; css ..谢谢你的帮助！

    <div id="slider">

        <ul class="slider">
           <li><img src="img/img4.jpg" style="max-width:100%; height:auto;" /></li>

           <li><img src="img/img5.jpg" style="max-width:100%; height:auto;"/></li>

       </ul>

    </div>



#slider {margin: 0 auto;


}

.slider {margin: 0 auto;
          position: relative;
          overflow: hidden;
          width:100%;
          height:400px;


}

.slider li {display: none;
          position: absolute; 
          top: 0; 
          left: 0;

}

Answer 1

我无法确切地知道你的问题，因为你没有给js。但是，如果您想制作响应式幻灯片，这是最适合您的插件之一http://docs.dev7studios.com/caroufredsel-old/

Answer 2

滑块内的li元素具有绝对定位，因此它们和内部元素可以自由定位。这大致意味着他们没有“填充”滑动元素，这是悲伤和空洞。

我想你想要一个带有jsfiddle的快速回答，但如果你有时间，请阅读：

http://alistapart.com/article/css-positioning-101/

要获得快速解决方案，请使用自定义滑块：

https://github.com/bradbirdsall/Swipe

高度：自动不显示js图像轮播

2 个答案: