css - transform: translateY() works different each device -

i applied

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 

this on element.

on other computer or mobile. looks good.
this

but on computer.
looks weird..
(mobile on developer mode)

why happened??

this user agent

mozilla/5.0 (x11; linux x86_64) applewebkit/537.36 (khtml, gecko) chrome/52.0.2743.82 safari/537.36 

i think need give top or bottom value work properly. browsers need first position translate new position.

edit: or can give top: 40%;?