基于窗口宽度和高度应用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%;