位置: 编程技术 - 正文

border-radius在Android下的几个BUG

编辑:rootadmin
一、Android 2.3 自带浏览器不支持 %

推荐整理分享border-radius在Android下的几个BUG,希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:,内容如对您有帮助,希望把文章链接给更多的朋友!

通常我们实现一个正圆只需要border-radius: %即可,大致代码如下:

然而 Android 2.3 是不支持百分比的,要兼容我们只能使用一个较大&#;,比如border-radius: px;

二、Android 及 Safari 低版本 img 圆角问题

当 img 元素有border 时设置border-radius 会导致圆角变形,需要在img 外面嵌套一个元素并设置border 和border-radius。

查看Demo中第2部分

左侧是小米2S(Android 4.1),右侧是红米(Android 4.2)图一:左侧是小米2S(Android 4.1),右侧是红米(Android 4.2)

三、Android 4.2.x 背景色溢出及不支持 border-radius 缩写3.1 Android 4.2.x 背景色溢出

测试发现,在 Android 4.2.x 系统自带浏览器中,同时设置border-radius,border和背景色的时候,背景色会溢出到圆角以外部分,可以使用背景剪裁background-clip: padding-box;来修复,但是如果border-color为半透明时,背景直角部分依然会露出来(参见图一)。

关于背景剪裁background-clip&#;描述测试border-box背景被裁剪到边框盒。测试padding-box背景被裁剪到内边距框。测试content-box背景被裁剪到内容框。测试3.2 Android 4.2.x 不支持border-radius缩写border-radius在Android下的几个BUG

这个 BUG在小米上测试并未发现,国外有人反映三星 Galaxy S4 中自带浏览器不支持。

解决方案就是使用border-radius的四个扩写属性,缩写属性放到最后。

以上两个问题影响到 Android 4.2.x 内核的系统以及在其基础上定制的系统的自带浏览器,比如:红米,小米3,阿里云OS 等,安卓版 Chrome 不受影响。

完整代码应该是这样的:

查看Demo中第1部分

3.3用box-shadow模拟边框背景色溢出另一个解决办法就是使用box-shadow模拟border;差不多可以达到效果比如将

替换为:

查看Demo中第3部分

四、其他问题

IE9 中fieldset元素不支持border-radius。IE9 中带有背景渐变(gradient)的时候背景溢出。

蛋疼的Caused by: java.lang.ClassNotFoundException 开发中最长遇到的错误提示,遇到这种错误提示,一般可能有:1.忘记在AndroidManifest中配置,这个很好解决,在里面配置一下就行了。2.更常见的问题是

Android Camera 实时滤镜(八) 一、AndroidCamera可以做哪些?1、功能拍摄相片视频录制取景器(扫描类应用,如人脸识别,名片识别,条形码识别)2、根据CameraAPI实现自己的拍照程序,共

Android include 标签注意点 转自:

本文链接地址:https://www.jiuchutong.com/biancheng/381098.html 转载请保留说明!

上一篇:简单的横向ListView实现(version 2.0)(简单的横向棱纹魔杖)

下一篇:蛋疼的Caused by: java.lang.ClassNotFoundException(蛋疼的生活歌曲)

免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

鄂ICP备2023003026号

网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

友情链接: 武汉网站建设 电脑维修 湖南楚通运网络