我有一个带有图像和特色文本点的 flexslider 幻灯片。在完整站点上，它从左侧的图像和右侧的特色文本区域（浮动）开始。这两个项目都在一个包含黑色背景的 div 中。
当屏幕缩小时，我通过媒体查询使图像位于顶部，特色文本区域位于其下方，两者均为 100%。它们是相对的，因此其下方的内容会根据特色文本区域中的文本量更改位置。
第一个例子 - 最高的幻灯片
下图是文本最多的旋转器示例。如您所见，图像占据了顶部，绿色占据了底部。您甚至看不到容器 div 的背景，因为内容填满了整个容器。
第二个例子 - 较短的幻灯片
这个例子展示了 iPhone 上正在发生的事情。其他幻灯片仍然以某种方式影响容器的高度。事实上，即使看不到任何内容，该灰色区域中的链接仍然是可点击的。
什么可能导致此问题？它只发生在 iPhone 上而不是浏览器中。在浏览器上，容器会根据绿色区域的高度调整大小并且内容会发生变化，但在 IOS 上，它采用旋转器中最大幻灯片的高度，即使它是 display:none。容器的高度为 auto 并使用溢出：隐藏。