边角半径在角落中断

Question

我为网站设计了一个内容框，在桌面上看起来不错。但现在我想把它放在手机上 您可以在此处查看仅包含相关html + css的示例http://pastehtml.com/view/bze2phhwn.html
在我的智能手机上，我已经看到边框半径在1-3px的圆角处中断（它显示背景颜色而不是边框​​颜色），如果你放大一点，你也可以在浏览器上看到这种效果。它很奇怪，因为如果你稍微放大一点，你会发现这种效果并不存在。所以我认为这不是我的坏html + css。

可能是什么问题？

Answer 1

这似乎是一个错误。提交给Mozilla：

https://bugzilla.mozilla.org/show_bug.cgi?id=758958

另外：https://stackoverflow.com/questions/10774506/border-radius-causes-white-lines-when-applied-to-individual-corners/10774635#10774635

Answer 2

我认为这也是一个错误，但我找到了一个修复...错误也许它会被视为黑客攻击。这是我的问题的图像：

http://i909.photobucket.com/albums/ac298/roboyak/missingBorder_zpsbhftdfmd.png

所以我的故事是我从父网页上获得了一张reset.css样式表。 td元素从该css表中获得以下样式：

table tbody tr td {
    border-bottom: 1px solid #ccc;
}

很久以前，当我开始这个项目时，我通过在工作表中陈述以下规则来覆盖这种风格：

table tbody tr td {
    border-bottom: none;
}

在尝试解决我的问题时，我注意到边框底部规则显示为“中等无”而不是无。我添加了以下代码，边框不再破坏。

 table tbody tr td {
     border-bottom: none none;
 }

基本上这会破坏规则，所以边界会再次出现在所有td上，这不是我想要的，但我认为这可以让我们对正在发生的事情有所了解。