Javascript 基于窗口宽度和高度应用CSS3转换

我的web应用程序正在使用一些css3转换，我想知道根据窗口的宽度和高度进行转换的最佳方法。我的css在一个特定的序列中进行多重转换，也就是说，主体进行一次转换，主体上的一个元素在主体进行转换后进行第二次转换。但是，我的一个转换是硬编码的，用于移动元素X像素，我希望根据窗口的高度和宽度使其动态

有没有一种没有javascript（我需要保留这些转换的顺序）的方法可以说：

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

---

transform:translate

可能不是您的最佳选择。我会尝试

position:fixed

并使用窗口百分比值：

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

---

可以使用基于视口的单位。例如：

transform: translate(50vw, 50vh);

---

我相信这是不可能的纯CSS。我担心您可能需要使用JavascriptIs绝对定位，这是

翻译的一种可能的替代方法？