以下是我正在做的事情的示例：http://jsfiddle.net/wFjXD/
在某个缩放级别（我的机器上的默认值），前2个div与底部10的宽度相同。
这是因为我设置宽度（以像素为单位），每个小div的宽度为20px，边框为1px。较大的div的宽度为108 px，这使得每个long div与5个小div相对应。
问题是，如果你在浏览器中使用ctrl +或ctrl放大或缩小，所有这些都会改变，而且div将不再排列。
是否有css修复以通过不同的缩放级别保持相同的相对大小？ 或者是否有另一种最佳实践方法来完成我想要做的事情？