我正在我的网站上工作:http://www.antologiaoliveoil.com/ES/index.html
一切看起来都不错，但是，当我在 Iphone 上预览时，名为 Lataorganica.jpg 的图像在第一次垂直显示时显示效果不佳，并且 slider 不起作用。一旦我水平旋转 iPhone，然后垂直旋转回来，它就可以正常工作。
有人知道吗？
非常感谢
最佳答案
您遇到的部分问题是您的文字在图像中。在宽度非常小的 iPhone 或其他移动设备上，所有文本都被挤压到图像中，因为图像被挤压到移动宽度中。
解决此问题的一种方法是创建单独的移动 slider 图像，其中文本较少且更易于在移动设备上阅读。您可以使用 CSS 媒体查询来触发移动 slider 以显示宽度是否较小。
关于您关于 slider 的问题，您使用的是 Owl Carousel (http://www.owlcarousel.owlgraphic.com/) 吗？如果是，请附上您正在使用的代码，以便我们知道如何进行故障排除。
谢谢!
关于javascript - 即使最大宽度为 :100%，图像在 iphone 上也无法正常显示，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/37289540/