移动端安卓手机不能识别border 0.5px解决方案
来源:互联网 发布:搜狗小说书架数据恢复 编辑:程序博客网 时间:2024/06/06 03:14
由于安卓手机无法识别border 0.5px,因此我们要用0.5px的话必须要借助css3中的-webkit-transform:scale缩放来实现,
原理:将伪元素的宽设为200%,height设为1px通过-webkit-transform:scale(.5)来进行缩小一倍,这样就得到border为0.5的边框,
案例:
.ce{
position: relative;
}
.ce:after{
content: "";
display: block;
position: absolute;
left: -50%;
width: 200%;
height: 1px;
background: #ccc;
-webkit-transform:scale(0.5);
}
ce:为需要加边框的dom元素;
阅读全文
0 0
- 移动端安卓手机不能识别border 0.5px解决方案
- 移动端页面0.5px border的实现
- 移动端border:1px 解决办法
- Android---真机调试时不能识别手机的解决方案
- Eclipse不能识别手机或模拟器的解决方案!
- 移动端1px解决方案
- 移动端 1px 解决方案
- 移动端1px解决方案
- 移动端1px解决方案
- 移动端border为1px的设置方法
- 如何在移动端设置1px的border
- css 实现 0.5 px 的 border
- 如何实现border-width:0.5px;
- 移动端1px边框解决方案
- css 移动端1px的解决方案
- 移动端1px边框的解决方案
- IOS移动端1px解决方案
- 移动web 1px边框解决方案
- js中md5加密
- 解决JS浮点数(小数)计算加减乘除的BUG
- 本周任务,对javascript事件机制进行思考 提供以下 几个博文 论点:
- js 将json字符串转换为json对象的方法解析
- pc端屏幕自适应小结
- 移动端安卓手机不能识别border 0.5px解决方案
- 分享下多年积累的对JAVA程序员成长之路的总结
- 解决DOM元素循环渲染后出现点击事件多次执行问题
- 三、netty基本入门
- SpringBoot--JSR303验证传入参数
- 用ASP编写的加密和解密类
- QT 显示字体设置
- Shell运算符
- 快速排序