CSS 边框缩放

Question

我有一组 display 设置为 block 的 A 标签。每一个都在右边有一个border。它们非常适合放入容器中。但是，当使用浏览器的缩放控件缩小页面时，除了边框之外的所有内容都会缩放并且布局会被破坏。有办法解决这个问题吗？

此行为可以在 Firefox 3.6.10 和 Safari 4 中复制。

我以前从未注意到边框没有缩放。

Answer 1

尝试将边框设置为 em 而不是 px - 如果您的字体大小是 12px，您可以这样写

边框宽度:0.09 em;

这将是正常尺寸的 1px 宽度，希望它能正确缩放(抱歉，现在无法测试)。