變換：平移Y（）的工作不同的每個設備

我施加變換：平移Y（）的工作不同的每個設備

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

來源

2016-08-01 Snowcat Jung

我認爲你需要給頂部或底部值正常工作了。一些瀏覽器需要首先將其轉換到新的位置。

編輯：或者你只能給頂：40％;？

來源

2016-08-01 18:56:04

不是「top：40％」可能是文檔高度的40％。但翻譯（40％）是它的元素的40％... –

我明白你的觀點。你嘗試過添加'top：0;'或'translate（0，40％）;'？ –

是的，但它只是移動了documnet的基於translateY的40％ –

變換：平移Y（）的工作不同的每個設備

回答

相關問題