这是现在的 Android 错误 41913。感谢打开它的人!
我认为这与这个较早的问题几乎相同,尽管那里的屏幕截图看起来与我看到的奇怪不同。
我想要做的是创建一个带有厚顶边框和圆角的盒子,就像在这个 JSBIN 示例中一样。这在桌面浏览器(嗯,border-radius
支持的)和 iOS Safari 和带有 Chrome 的 Android 上运行良好,但旧的 Android 浏览器显示了这一点:
(来源:gutfullofbeer.net)
渲染边界,使曲线之外的较厚部分不会到达边缘。有谁知道是否有办法让浏览器正确执行此操作?这似乎是至少可以追溯到 Android 2.3 的一致错误;屏幕截图来自 4.0.3 手机。
这是来自 JSBIN 的 HTML:
<body class=single>
<div class=dialog-bound>
Hello World
</div>
</body>
和 CSS(从实际项目中提取的类名):
body.single {
background-color: #336699;
font-size: 16px;
}
body.single .dialog-bound {
background-color: #FFFCF2/*#mainBackground*/;
margin: 50px auto;
max-width: 32em;
border-width: 28px 0 8px 0;
border-style: solid;
border-color: #89BAE2;
-webkit-border-radius: 10px 10px 5px 5px;
border-radius: 10px 10px 5px 5px;
padding: 0 5px 2px 5px;
}
编辑——还有一点值得注意:在我的 HTC One X 手机和我的 Nexus 7 上,上面的 CSS 在 Chrome 和 Firefox 中完美运行。它也适用于我在 Firefox 中的 Android 2.3 下的 Atrix。因此,我真的怀疑这是虚拟像素与实际像素的问题,因为这些设备上的所有浏览器都同意视口大小。