基於窗口寬度和高度應用CSS3轉換

Question

我的web應用程序正在使用一些css3轉換，我想知道根據窗口的寬度和高度來完成這些轉換的最佳方式。我的css正在進行多重轉換，並按照特定的順序進行，即身體做了一次，身體上的一個元素在身體轉變後做了一秒。但是，我的一個轉換是硬編碼的，以便根據窗口的高度和寬度移動要創建動態元素的X像素。

有沒有辦法沒有的JavaScript（我需要保留這些轉化的順序）的說法是這樣的：

.someClass { 
    transform:translate(windowHeight /2, windowHeight); 
} 

Answer 1

transform: translate可能不是你最好的選擇。我會嘗試position: fixed並使用窗口百分比值：

position: fixed; 
top: 50%; 
left: 50%;