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