Javascript CSS将所有元素放大

我有一个与项目相关联的CSS文件，其中所有元素大小和偏移量（如图像和字体）都是使用px值定义的。这些px值基于固定屏幕分辨率为960x540的目标平台

我想为使用1280x720分辨率的不同平台放大所有这些值，我正在寻找一种工具，使我能够做到这一点。所涉及的平台没有太多的CPU能力，而且它们也不都支持相同程度的CSS3功能，因此我宁愿避免在应用程序的运行时尝试这样做

---

我还没有在Google上找到任何东西，那么有人知道一个在线工具可以完成这项工作吗？

将是最好的解决方案，但由于你不想使用CSS3，那么你可以使用JavaScript。像shoudl这样的东西来做这个把戏

现在可能没有多大帮助..但是为了避免将来出现类似的问题，我建议您不要编写显式css，而是使用类似的工具

好的是，您可以定义全局变量，这样您就可以在文件的顶部指定屏幕的宽度和高度，并使用这些变量来计算其他元素的比例
例如：

@w: 1280px;
@h: 720px;

#some_div {
    width: @w / 2;
    height: @h / 2;
}

编写完成后，js工具会将lesscss文件编译成有效的css，然后用于应用程序。

---

因此，当您需要再次更改分辨率时，只需更改两个变量

@w

和

@h

，然后再次编译css。

您研究过css媒体查询吗？我想我解释得不太清楚。我想离线修改CSS文件，这样px值就可以根据新的分辨率自动缩放，而不是手动缩放。