这是我正在做的一个例子:http: //jsfiddle.net/wFjXD/
在某个缩放级别(我机器上的默认值)下,前 2 个 div 与后 10 个 div 具有相同的宽度。
这是因为我以像素为单位设置宽度,每个小 div 的宽度为 20px,边框为 1px。较大的 div 的宽度为 108 px,这使得每个长 div 与 5 个小 div 对齐。
问题是,如果您在浏览器中使用 ctrl + 或 ctrl - 放大或缩小,所有这些都会发生变化,并且 div 将不再对齐。
是否有 css 修复以通过不同的缩放级别保持相同的相对大小?还是有另一种最佳实践方式来完成我想做的事情?