transform：translateY（）每个设备的工作方式不同

Question

我申请了

var playersNames = ["name1", "name2", "name3"];
var nnames = playersNames.length;

var player = new Array(nnames);

for(i = 0; i < nnames; i++){
    player[i] = new Player();
    player[i].name = playersNames[i];
}

这个元素。

在其他电脑或手机上。看起来不错。
喜欢这个

但在我的电脑上。
看起来很奇怪..
像这样（在开发者模式下移动）

为什么会这样？

这是我的用户代理

position: absolute;
left: 0;
-webkit-transform: translateY(40%);
-moz-transform: translateY(40%);
-ms-transform: translateY(40%);
-o-transform: translateY(40%);
transform: translateY(40%);

//translateY(10%) on mobile

Answer 1

我认为您需要给予最高或最低价值才能正常运作。有些浏览器需要先将位置转换为新位置。

编辑：或者你可以给出顶部：40％;？