CSS边框缩放

Question

4

我有一组A标签，display属性设置为block。每个标签都有一个特定的右边框，并且它们完美地适配到容器中。然而，当使用浏览器的缩放控件缩小页面时，除了边框以外的所有内容都会缩放，导致布局混乱。是否有方法可以解决这个问题？

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

我以前从未注意到边框不会缩放。

- mmcglynn

据我所知，边框不会随着比例缩放。如果你查看CNN.com，你可以确认这一点。 - mmcglynn

2个回答

1

还有其他东西也无法扩展，比如单选按钮和选择框是经典的例子，但在不同的浏览器中可能会有所不同。

此外，您使用CSS的大小单位将产生不同的效果--即您是否使用%、px或em等。同样，这也会因浏览器而异。

因此，使用浏览器的缩放功能很可能会破坏您的布局。老实说，我不指望缩放能完美地呈现所有内容，也不指望在不同的浏览器中得到相同的结果。

- Spudley

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- oezi · Accepted Answer

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

border-width: 0.09 em;

这将在正常大小下为1px宽度，并希望它能正确缩放（抱歉现在无法测试）。