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