我申请了
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
这在元素上。
在其他电脑或手机上。看起来不错。
像这样
但是在我的电脑上。
看起来很奇怪..
像这样(移动开发者模式)
为什么会这样??
这是我的用户代理
Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/52.0.2743.82 Safari/537.36
最佳答案
我认为您需要给出最高值或最低值才能正常工作。某些浏览器需要第一个位置才能将其转换为新位置。
编辑:或者你可以给 top: 40%;?
关于css - 变换 : translateY() works different each device,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38705513/