1

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

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

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

我可以为 android 使用其他特殊样式吗？我需要像 jQuery mobile 这样的东西吗？

简而言之，我会放代码，但如果有人做过类似的事情，可以分享这些信息吗？谢谢

4

2 回答 2

2

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

只需使用扩展的左边界半径、右边界半径等作为解决方法；这是新的 Android 4+ 浏览器中的一个小故障；已提交错误报告。

于 2013-08-01T15:31:25.687 回答
1

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

`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));
`

你能发布代码吗？

于 2013-07-30T10:51:32.133 回答