通过不同的缩放级别

Question

排队不同大小的div下面是我做的一个例子：http://jsfiddle.net/wFjXD/

在一定的缩放级别（在我的机器上的默认），前2位的div具有相同的宽度为底部10.

这是因为我设置的像素宽度，每个小div的宽度为20px和1px边框。较大的div有108px的宽度，这使得每个长div与5个小divs对齐。

问题是，如果您在浏览器中使用ctrl +或ctrl - 放大或缩小，所有这些变化和div将不再排队。

是否有一个css修复程序，以通过不同的缩放级别保持相同的相对大小？ 还是有另一种最佳实践方式来完成我想要做的？

Answer 1

如果你想比例保持不变，使用%代替px。 这就是我能为你的问题想到的最好的。虽然它必须是固定数量的孩子，你必须适当地包装它们。

给你一个idea ...