border-radius在现代原生Android浏览器中不起作用

我有一个使用border-radius的页面。 它不会在原生Android浏览器中四舍五入; 它显示与方angular。 它显示在桌面的Chrome浏览器,IE浏览器,FF等四舍五入罚款,但不是在本机手机浏览器。 有谁知道这是否是浏览器本身的问题,一些额外的CSS扩展,我不使用等?

这是我的CSS(在演示中):

.bigButton2 { width: 320px; height: 200px; margin: auto; padding: 20px; background-color: #521c0b; color: #FFFFFF; border: 3px solid #e3b21e; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; } 

我build立了一个JSFiddle: http : //jsfiddle.net/VJvQA/

我已经尝试过填充,没有填充,没有箱子大小,没有箱子大小,它只是显示为尖angular。 任何帮助或见解,将不胜感激。

我意识到已经有人发布了这个( border-radius样式在android浏览器中不起作用 ),但是他没有提供任何代码,JSFiddle,并且没有任何真正的答案而被错误地回答了一个普通的问题。 如果可能的话,我会冷静下来,但是我认为,写一个真正写得好的问题会更好。 谢谢!

Solutions Collecting From Web of "border-radius在现代原生Android浏览器中不起作用"

原来,这个问题是针对Galaxy S4和S4 Active上的Android浏览器的。 看起来他们已经破坏了压缩边界半径属性的支持,但是如果单独指定每个angular落,则可以正常工作。 我正在发布一个错误报告给Android。 所以,如果你这样做:

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

它工作正常; 如果你只有border-radius:10px; 它被忽略。

这是回答下这个职位: 银河S4股票浏览器CSS3边界半径支持? 我只是在这里重复。 但是我testing了他们的解决scheme,而且现在在Galaxy S4 Active上也工作的很好。

不幸的是,一些浏览器不支持某些HTML5和CSS3属性。 我的build议和在网上find的一般build议是devise你的网站,使其在所有浏览器中都能正常运行,然后返回并添加CSS3和HTML5元素。

这是一个精心devise和布局的表格,显示了跨浏览器的HTML5和CSS3支持 ,但是并没有显示对移动浏览器的支持。

此链接显示对移动设备的支持。

我认为你的代码没有错,它不能在平板设备上显示。 背景边框应该要修复这个错误,你应该删除这些行

 background-color: #521c0b; color: #FFFFFF; 

或删除行

 border: 3px solid red 

我认为这不是一个错误,我已经遇到了很多工作:) p / s:对不起,我的英语不是很好