CSS边框缩放

Question

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

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

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

Answer 1

尝试在em中设置border-with而不是px - 如果你的font-size是12px，你可以写

border-width: 0.09 em;

这将是正常尺寸的1px宽度，并且希望它能够正确缩放（现在无法测试，对不起）。

Answer 2

还有其他东西无法扩展 - 单选按钮和选择框是经典的，但它们在浏览器之间确实不同。

此外，根据您用于CSS的大小调整单位，您将获得不同的效果 - 即您是使用%，px还是em等等。因浏览器而异。

所以最重要的是，使用浏览器的缩放功能可能会破坏您的布局。老实说，我不希望缩放时的事情变得完美，在不同的浏览器中也不会有相同的结果。