html - 拐角处的边界半径中断

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 上，这不是我想要的，但我认为这可能会对正在发生的事情有所了解。