Question

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

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

我没有在谷歌找到任何东西，所以有人知道一个可以完成这项工作的在线工具吗？

Answer 1

现在可能不是很有用..但是为了避免将来这样的问题，我建议你不要写明确的CSS而是使用像lesscss这样的工具。

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

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

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

完成编写后，js工具会将lesscss文件编译为有效的css，然后您可以将其用于您的应用程序。
因此，当您需要再次更改分辨率时，只需更改两个变量@w和@h并再次编译css。

Answer 2

CSS media queries将是最佳解决方案，但由于您不想使用CSS3，因此您可以使用JavaScript。像Adapt.js这样的东西可以做到这一点。