android上实现0.5px线条的原理分析
更新时间：2021年01月08日 14:39:10 作者：浅夏晴空
这篇文章主要介绍了android上实现0.5px线条的原理分析,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
由于安卓手机无法识别border: 0.5px，因此我们要用0.5px的话必须要借助css3中的-webkit-transform:scale缩放来实现。
原理：将伪元素的宽设为200%，height设为1px通过-webkit-transform:scale（.5）来进行缩小一倍，这样就得到border为0.5的边框
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
.div{
width: 100%;
height: 100px;
border-top: 1px solid aqua;
posititon:relative;
}
.div::after{
content: '';
position: absolute;
left: 0;
bottom: 0;
box-sizing: border-box;
width: 200%;
height: 1px;
transform: scale(.5);
transform-origin: 0 0;
pointer-events: none;
background-color: aqua;
}
</style>
</head>
<body>
<div class="div"></div>
</body>
</html>
效果展示：
到此这篇关于android上实现0.5px线条的原理分析的文章就介绍到这了,更多相关android实现0.5px线条内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
这篇文章主要为大家介绍了flutter中的资源和图片加载示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-12-12
Android编程之PopupWindow隐藏及显示方法示例(showAtLocation，showAsDropDown
这篇文章主要介绍了Android编程之PopupWindow隐藏及显示方法,结合实例形式分析了showAtLocation及showAsDropDown方法实现PopupWindow控件隐藏及显示功能相关操作技巧,需要的朋友可以参考下2017-02-02
Android利用Espresso进行UI自动化测试的方法详解
因为我是搞android开发的，所以被分到了自动化测试小组，所以了解了一些UI自动化测试。下面这篇文章主要给大家介绍了关于Android利用Espresso进行UI自动化测试的相关资料，需要的朋友可以参考借鉴，下面来一起看看吧。2017-12-12
Android 两个Fragment之间的跳转和数据的传递实例详解
这篇文章主要介绍了Android 两个Fragment之间的跳转和数据的传递实例详解的相关资料,这里说明实现的思路及实现方法，需要的朋友可以参考下2017-07-07
这篇文章主要为大家详细介绍了Android实现微信朋友圈评论EditText效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-11-11
这篇文章主要介绍了 Android 录音与播放功能的简单实例的相关资料,需要的朋友可以参考下2017-06-06
Win10商店上架了一款名为《摸鱼》的App，在下载打开之后，这个App会让你的电脑进入一个假更新的画面。本文将为大家介绍如何通过Flutter制作一个桌面版的摸鱼APP，快跟小编一起学习一下吧2021-12-12
这篇文章主要为大家详细介绍了Android实现从相册选择照片功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-03-03
AndroidStudio3 支持 Java8 了请问你敢用吗
Google 发布了 AS 3.0，以及一系列的 Support 包，有意思的新东西挺多，AS3里面有一个亮眼的特性就是支持J8。接下来通过本文给大家分享AndroidStudio3 支持 Java8 的相关内容，感兴趣的朋友一起看看吧2017-11-11
这篇文章主要给大家介绍了关于Kotlin中高阶函数的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2018-11-11
最新评论