0

这是我正在做的一个例子:http: //jsfiddle.net/wFjXD/

在某个缩放级别(我机器上的默认值)下,前 2 个 div 与后 10 个 div 具有相同的宽度。

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

问题是,如果您在浏览器中使用 ctrl + 或 ctrl - 放大或缩小,所有这些都会发生变化,并且 div 将不再对齐。

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

4

1 回答 1

1

如果您希望比例保持不变,请使用%而不是px. 对于你的问题,这是我能想到的最好的。尽管它必须是固定数量的孩子,并且您必须适当地包装它们。

给你一个想法...

于 2012-08-31T20:26:09.440 回答