Question

我创建了一个网站，我打算在某些移动设备上显示这个网站。问题是我创建了几个菜单选项作为圆圈。

为了达到这个效果，我在样式表中使用border-radius，并在-webkit-border-radius和-moz-border-radius中使用。

在计算机上，它在我拥有的浏览器（firefox和chrome）中看起来很好，但是当我移动到Android浏览器时，这些圆圈被重置为方形div。这是因为页面的加载。

我可以使用其他特殊风格的Android吗？我需要像jQuery mobile这样的东西吗？

简而言之，我会把代码放进去，但如果有人这样做了，可以分享这些信息吗？感谢

Answer 1

请参阅此帖子以获得答案：Galaxy S4 stock browser CSS3 border-radius support?

只需使用扩展的border-left-radius，border-right-radius等作为解决方法;这是新Android 4+浏览器的一个小故障;已提交错误报告。

Answer 2

嗨我正在使用它来渐变。这在大多数浏览器中都可以正常工作。

`background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#B4DCFA), to(#FF0000));
-webkit-border-radius:11px;
-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.8);   
/* For WebKit (Safari, Google Chrome etc) */
/* For Mozilla/Gecko (Firefox etc) */
/* For Internet Explorer 5.5 - 7 */
/*-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B4DCFA,   endColorstr=#FF0000);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#B4DCFA), to(#FF0000));
`

请您发布代码吗？

border-radius样式在android浏览器中不起作用

2 个答案: