Galaxy S4库存浏览器CSS3 border-radius支持?

时间:2013-06-19 08:14:46

标签: css css3 galaxy android-browser

这是一个非常具体的问题,我找不到任何支持的文件证据,但却有很多经验证据,尽管只是基于一部手机。

我们在办公室提供的单个Galaxy S4似乎不支持其库存浏览器中的border-radius属性。我已经测试了几个不同的网站,并尝试了所有不同的浏览器版本的属性(webkit,moz等),它似乎似乎不支持它。

因为我们只有1个S4可用(我已经四处询问,没有其他人拥有或知道有人这样做),并且因为border-radius属性的圆角是CSS3的一大特色,我发现很难相信他们会故意删除它,这让我相信:

  1. 我发现了浏览器浏览器的错误,或者
  2. 这是我们唯一可用手机的设备。
  3. 那么,之前是否有其他人遇到此问题,或者是否有人可以向他们提供他们可以查看http://css3test.com/以查看是否支持border-radius的S4?

4 个答案:

答案 0 :(得分:28)

我有同样的问题! 你可以这样解决它:

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

PS。 我讨厌这样的更新

答案 1 :(得分:2)

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

the S3 in white and the S4 in black

最初上传到twitterthe image

答案 2 :(得分:2)

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

答案 3 :(得分:1)

我也遇到了同样的问题(Webview +堆栈浏览器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;
}

并通过调整border属性的宽度

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

我希望这会有所帮助。