我有一个页面使用了border-radius。在原生的Android浏览器中,它没有显示为圆角,而是显示为方形。在桌面版的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;
}
我已经创建了一个JSFiddle:http://jsfiddle.net/VJvQA/ 我尝试过添加padding和不添加padding,使用box-sizing和不使用box-sizing,但它仍然显示为锐角。如果有帮助或见解,将不胜感激。
我意识到有人在(边框半径样式在Android浏览器中无效)下发布过这个问题,但他没有提供任何代码、JSFiddle,而且答案也是一个没有真正回答的普遍性问题;如果可以的话,我会给它点踩的,但我认为提供一个实际而且写得好的问题会更好。谢谢!