css - Mozilla Firefox 边框渲染

标签 css firefox border

我在 Firefox 中遇到了一件奇怪的事情,这已经成为我的一个问题。似乎 Firefox 呈现的边框比其他浏览器更细。

例如,我只有一个简单的空 div 元素,网页上没有其他元素,边框设置为 width:3px。在所有其他浏览器中,例如 IE、Opera、Chrome 和 Safari,宽度看起来相同,实际上是 3px 宽。但在 Firefox 中,我注意到边框宽度似乎变窄了。所以我在 Computed 选项卡 -> Box 模型下用 Firebug 检查了边框宽度。是的,正如我所怀疑的,Firefox 中呈现的边框更细。 Firefox 渲染的边框宽度实际上是 2.2px 而不是预期的 3px。

与 Firefox 的这个小差异完全打乱了我的设计。

有没有人注意到这一点?有人对此有解决方案吗?

最佳答案

按 CTRL+0,或查看 > 缩放 > 重置。

关于css - Mozilla Firefox 边框渲染,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2840698/

相关文章:

html - itextsharp "razor to html"工作正常但 "to pdf"忽略样式

css - 我可以只用 Css 实现吗?

javascript - firefox 在 "sdk/system/events"api 中检测标签 ID

asp.net - asp 的边框 :panel

css - 在垂直对齐的列表项的左边框之间创建空间

python - 在 Django 中,如何只打印错误而不打印 key ?

html - 针对 :after element on hover

macos - Mac 上的 Firefox 3.5 和 @font-face

javascript - 在 firefox 中,如何在本地文件中运行 javascript,例如文件 :///C:/play/my. html

css - IE11 边框样式问题,当双方是不同的颜色