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,并且没有任何真正的答案而被错误地回答了一个普通的问题。 如果可能的话,我会冷静下来,但是我认为,写一个真正写得好的问题会更好。 谢谢!

  • Android浏览器忽略响应式网页devise
  • css3转换rotate3d与透视不工作在Android上
  • PhoneGap - 键盘使屏幕变黑和闪烁一段时间三星Galaxy Tab 10.1
  • li元素中的一个div的jquery点击事件没有在移动Safari中被触发
  • Android 2.2上的CSS3animation闪烁(webkit-transform:同时翻译(..)scale(..))
  • Android浏览器不支持百分比值的边框半径
  • PhoneGap - 键盘使三星Galaxy Tab 10.1上的屏幕变黑并闪烁一段时间
  • 当边框半径小于整体边框宽度时,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:对不起,我的英语不是很好