如何在保持相同布局的同时调整这些div的大小？

Question

对于标题感到抱歉，这是一个难以概括的问题。目前，我有一个看起来像这样的网站：

（正如你所知，它的灵感来自Metro）。我已将其上传到jsfiddle：http://jsfiddle.net/r46bY/4/embedded/result/

围绕一切的div（用虚线边框表示）调整大小以适应用户的浏览器窗口，我希望按钮（简单的彩色div）做同样的事情，但无法弄清楚如何。目前，他们使用绝对定位并基于特定的屏幕尺寸。我希望他们保持相同的布局，但随着容器div调整大小。

我在CSS中尝试过液体值，但我无法正确定位。

请帮忙。

Answer 1

仅使用维度的百分比而不是像素（包括边距）。调整大小时，您只需调整周围的div大小，内容应采用正确的尺寸。