CSS高档所有元素

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

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

我还没有发现与谷歌过这么没有人知道一个在线工具，将做的工作吗？

你看过CSS媒体查询吗？ – Jonah 2013-04-30 19:21:49

CSS media queries将是最好的解决办法，但你不希望使用CSS3，那么你可以使用JavaScript。像Adapt.js shoudl这样的伎俩。

2013-04-30 19:36:55 user2313440

我不认为我解释得很好。我想离线修改CSS文件，以便自动为新分辨率缩放px值，而不是手动缩放。 – user2337247 2013-05-01 16:02:45

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

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

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

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

当你写完，一个js工具编译lesscss文件转换成有效的CSS，你就可以使用您的应用程序。
所以，当你需要改变的决议中，你只改变了两个变量@w和@h和重新编译的CSS。

2014-03-16 15:40:05

回答