请看这个:http://www.eymy.nl
过渡在所有浏览器中都能顺利进行，但在 Safari 中当图像按比例缩小时(当窗口高度小于 1227 像素，即图像的 100% 高度时)会变得不稳定。换句话说，Safari 无法将这种转换与缩放一起处理。
我的猜测是它可以，但需要不同的代码。我尝试了不同的幻灯片脚本，结果总是一样的，当图像被缩放(缩小或放大)时，Safari 中的过渡变得不稳定。
任何建议将不胜感激!
最佳答案
我在 i7 MacBook Air 上使用 Chrome 和 Safari，Chrome 更流畅。在 Safari 中加载的第一张图像不稳定后，它看起来还不错。由于这似乎是图像在动画之前加载的问题，我建议预加载它们。这通常在 body 标签中使用 JavaScript 完成，或者您也可以使用 CSS。 See this page了解预加载图像的方法。
关于javascript - Safari 中缩放图像的不稳定幻灯片过渡，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/22967833/