android - CSS 转换在 Android 中不起作用

Question

我想做的是使用以下方法修复图像上的标题。 出于某种原因，转换或按百分比翻译在我的 Android 设备上不起作用。

虽然它在我的桌面浏览器上运行良好。 我该如何解决这个问题？

CSS

.city-caption h2 
{
     font-weight: 800;
     color: white;
     text-transform: uppercase;
     margin: 0;
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     webkit-transform: translate(-50%, -50%);
}

Answer 1

正确的语法是:

-webkit-transform: translate(-50%, -50%);

注意“webkit-transform”前的“-”

希望对你有帮助