Question

我有一个奇怪的问题，我的静态html页面使用bootstrap和标准css样式实现在iPhone 6上镜像翻转，但没有其他设备。

我也无法在任何控制台或模拟器中复制该问题，因此无法找到问题的根源。

如果有人可以帮助你，那么这就是一个救星，这是一个例子：

在其他设备上展开

在iPhone 6上翻转

Answer 1

您遇到的问题是因为您试图翻转内容。当您使用转换旋转属性时，在IOS上，您将看到翻转的内容。解决方案是使用背面可见性。

.card .back {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

元素的背面是其正面的镜像。虽然在2D中不可见，但当变换导致元素在3D空间中旋转时，背面可以变得可见。