Javascript 使用jquery或js根据浏览器宽度动态更改css属性

这里潜伏了很久。我希望你们中的一个能帮我。基本上，我想做的是创建一个反应灵敏的翻转“3d”立方体，在悬停时“翻转”

我有一个立方体。我建立了自己的灵感基础。我的问题是使立方体具有响应性。我想我知道这个问题。。translatez值需要根据浏览器宽度动态更改

/* Position the faces */
.flippety {
-webkit-transform: translateZ(100px);
transform: translateZ(100px);
}

在本例中，translatez负责立方体的“角”，我需要它根据立方体的当前高度进行动态更改

我的实际设置使用引导12网格布局，立方体的宽度设置为100%。这意味着立方体的高度会根据浏览器的宽度动态变化。我需要立方体的“角”（translatez）根据每个立方体的实际当前高度进行更改

我已经尽了最大的努力，找到了一个基本的解释，说明如何成功地实现这一目标，但结果却一无所获。我发现专业模板有响应性的3d立方体组合，当调整窗口大小时，我可以看到它们完全按照我的猜测进行。他们使用JS或Jquery根据浏览器宽度以小增量（+-0.5px/步）更改像素值。我不想链接那个模板，因为我不想把它变成他们的广告机会

谁能给我指一下正确的方向吗？我将非常感谢任何帮助

---

提前感谢：）

您可以随时应用javascript中的CSS样式，试试这个

var obj = document.getElementById("object");
obj.style.transform = "translateZ(100px);";

---

你能不能把你的版本包括进来，这样我们就可以看到你在做什么，然后去掉任何个人识别的东西？嗨，迈克尔，是的，我回家后就可以了。我现在还在外面工作。