css - Galaxy S4 股票浏览器 CSS3 边框半径支持？

Question

这是一个非常具体的问题，我找不到任何有据可查的证据来支持，但有相当多的经验证据，尽管仅基于一部手机。

我们在办公室可用的单个 Galaxy S4 似乎不支持border-radius其股票浏览器中的属性。我测试了几个不同的网站，并尝试了该属性的所有不同浏览器版本（webkit、moz 等），但它似乎不支持它。

因为我们只有 1 个 S4 可用（我已经询问过，没有其他人有或知道有人这样做），并且因为通过border-radius属性的圆角是 CSS3 的一个很大的特性，我很难相信他们会故意将其删除，这使我相信：

那么，之前有没有其他人遇到过这个问题，或者是否有人有可用的 S4，他们可以在http://css3test.com/上查看是否border-radius支持？

score 28 · Accepted Answer

我遇到过同样的问题！你可以这样修复它：

border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;

PS。我讨厌这样的更新

score 2 · Accepted Answer

我们已经设法使用我们的 Galaxy S4 库存浏览器重现了这一点，因此它可能不仅仅是您的设备。

白色的 S3 和黑色的 S4

最初上传到推特（图片）

score 2 · Accepted Answer

我与收到 5 月 30 日固件更新的人一起工作，并且看到了同样的问题以及其他一些 CSS 问题。我还没有收到那个更新，我在 4 月 24 日的版本上，我没有看到这个问题。担心这是最新更新中引入的东西。

score 1 · Accepted Answer

我也遇到了同样的问题（Webview + stack browser Android 4.2.2 / Archos101 Xenon）

通过从以下位置删除背景属性来修复它：

.circle { 
width: 100px;
height: 100px;
background: rgba(255,255,255,0.75);
border: 5px solid rgba(255, 255, 255, 0.75);
border-radius: 50px;
}

并通过调整边框属性的宽度

.circle {
width: 100px;
height: 100px;
border: 50px solid rgba(255, 255, 255, 0.75); 
border-radius: 50px;
}

我希望这会有所帮助。

4 回答 4