【问题标题】:Galaxy S4 stock browser CSS3 border-radius support?Galaxy S4 股票浏览器 CSS3 边框半径支持?
【发布时间】:2013-06-15 16:30:14
【问题描述】:

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

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

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

  1. 我发现股票浏览器存在错误,或者
  2. 这是我们唯一可用的手机专用的设备。

那么,以前有没有其他人遇到过这种情况,或者是否有人有可用的 S4,他们可以检查 http://css3test.com/ 以查看是否支持 border-radius

【问题讨论】:

  • 我的 S4 也有同样的问题。自从最新更新 grrrrr 以来,border-radius CSS 在固件浏览器中不再起作用
  • 在三星 Galaxy S4 上查看适用于 Android 的股票浏览器时 - 它说版本 1 考虑到它是新版本!在我约 1 岁的 Note II 上,库存浏览器版本是 4.1.2。可能与它有关,而且它不支持 SVG 图像:(

标签: css galaxy android-browser


【解决方案1】:

我遇到了同样的问题! 你可以这样修复它:

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

PS。 我讨厌这样的更新

【讨论】:

  • 如果父元素具有边框半径和隐藏溢出,则接受的答案不起作用;子元素将超出圆角。
  • 仅供参考:动画使这不起作用。我必须从元素中删除所有动画才能使此解决方法起作用。
【解决方案2】:

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

【讨论】:

  • 太棒了,感谢您提供的信息。有趣的是,最近的固件更新似乎已经破坏了它。
  • 我的 S4 也有同样的问题。自从最新更新 grrrrr 后,border-radius CSS 不再起作用
【解决方案3】:

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

最初上传到twitter(the image)

【讨论】:

  • 太好了,谢谢,尤其是图片,感谢您的努力:)
【解决方案4】:

我也遇到了同样的问题(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;
}

我希望这会有所帮助。

【讨论】:

  • 我在 S4 的边框半径和背景颜色方面出现了一些故障。圆圈被绝对定位在一个图标上。这是使用此设备的唯一方法...感谢您的想法
猜你喜欢
  • 1970-01-01
  • 2013-12-24
  • 1970-01-01
  • 1970-01-01
  • 2021-12-02
  • 1970-01-01
  • 2014-11-29
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多