Html 带旋转传送带的简单响应式布局

我试图想出一个反应灵敏的布局，似乎是在兜圈子！有谁能给我指点一个好的教程或一些例子来尝试实现这一点

中心带将用于水平传送带，最大高度为500px。徽标和页脚将分别为100px

当在平板电脑或手机上观看时，我只想让它看起来像在桌面上一样，可以看到徽标和页脚，中央束带缩小以适合

---

有人能帮上忙吗？

我建议使用-他们有一些非常容易使用的样式，可以帮助您按照自己的喜好设计网站。

类似的功能实际上非常容易实现

签出我组装的快速代码笔：

基本上，您可以在滑块的容器上设置最大高度，以确保它永远不会高于500px。通过在图像上设置

max width:100%

，我们可以确保滑块将随着浏览器的缩小而缩小

---

对于响应滑块，我想检查一下它的响应性。我自己也多次使用Flexslider，它总是非常有效

如果您不想自己制作一个滑块，只需开箱即用，那么iview和flex slider以及其他许多功能都可以使用。

感谢您花时间编写该示例，但它不起作用。调整大小并查看是否指当容器比图像宽时，笔中的图像如何不展开以填充容器？如果是这种情况，可以通过滑块插件或一些小的css调整来处理。