android上實(shí)現(xiàn)0.5px線條的原理分析
更新時(shí)間：2021年01月08日 14:39:10 作者：淺夏晴空
這篇文章主要介紹了android上實(shí)現(xiàn)0.5px線條的原理分析,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
由于安卓手機(jī)無(wú)法識(shí)別border: 0.5px，因此我們要用0.5px的話必須要借助css3中的-webkit-transform:scale縮放來(lái)實(shí)現(xiàn)。
原理：將偽元素的寬設(shè)為200%，height設(shè)為1px通過(guò)-webkit-transform:scale（.5）來(lái)進(jìn)行縮小一倍，這樣就得到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>
效果展示：
到此這篇關(guān)于android上實(shí)現(xiàn)0.5px線條的原理分析的文章就介紹到這了,更多相關(guān)android實(shí)現(xiàn)0.5px線條內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
這篇文章主要為大家介紹了flutter中的資源和圖片加載示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-12-12
Android編程之PopupWindow隱藏及顯示方法示例(showAtLocation，showAsDropDown
這篇文章主要介紹了Android編程之PopupWindow隱藏及顯示方法,結(jié)合實(shí)例形式分析了showAtLocation及showAsDropDown方法實(shí)現(xiàn)PopupWindow控件隱藏及顯示功能相關(guān)操作技巧,需要的朋友可以參考下2017-02-02
Android利用Espresso進(jìn)行UI自動(dòng)化測(cè)試的方法詳解
因?yàn)槲沂歉鉧ndroid開發(fā)的，所以被分到了自動(dòng)化測(cè)試小組，所以了解了一些UI自動(dòng)化測(cè)試。下面這篇文章主要給大家介紹了關(guān)于Android利用Espresso進(jìn)行UI自動(dòng)化測(cè)試的相關(guān)資料，需要的朋友可以參考借鑒，下面來(lái)一起看看吧。2017-12-12
Android 兩個(gè)Fragment之間的跳轉(zhuǎn)和數(shù)據(jù)的傳遞實(shí)例詳解
這篇文章主要介紹了Android 兩個(gè)Fragment之間的跳轉(zhuǎn)和數(shù)據(jù)的傳遞實(shí)例詳解的相關(guān)資料,這里說(shuō)明實(shí)現(xiàn)的思路及實(shí)現(xiàn)方法，需要的朋友可以參考下2017-07-07
Android實(shí)現(xiàn)微信朋友圈評(píng)論EditText效果
這篇文章主要為大家詳細(xì)介紹了Android實(shí)現(xiàn)微信朋友圈評(píng)論EditText效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-11-11
Android 錄音與播放功能的簡(jiǎn)單實(shí)例
這篇文章主要介紹了 Android 錄音與播放功能的簡(jiǎn)單實(shí)例的相關(guān)資料,需要的朋友可以參考下2017-06-06
Win10商店上架了一款名為《摸魚》的App，在下載打開之后，這個(gè)App會(huì)讓你的電腦進(jìn)入一個(gè)假更新的畫面。本文將為大家介紹如何通過(guò)Flutter制作一個(gè)桌面版的摸魚APP，快跟小編一起學(xué)習(xí)一下吧2021-12-12
Android實(shí)現(xiàn)從相冊(cè)選擇照片功能
這篇文章主要為大家詳細(xì)介紹了Android實(shí)現(xiàn)從相冊(cè)選擇照片功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-03-03
AndroidStudio3 支持 Java8 了請(qǐng)問(wèn)你敢用嗎
Google 發(fā)布了 AS 3.0，以及一系列的 Support 包，有意思的新東西挺多，AS3里面有一個(gè)亮眼的特性就是支持J8。接下來(lái)通過(guò)本文給大家分享AndroidStudio3 支持 Java8 的相關(guān)內(nèi)容，感興趣的朋友一起看看吧2017-11-11
這篇文章主要給大家介紹了關(guān)于Kotlin中高階函數(shù)的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2018-11-11