android上實(shí)現(xiàn)0.5px線條的原理分析
更新時(shí)間：2021年01月08日 14:39:10 作者：淺夏晴空
這篇文章主要介紹了android上實(shí)現(xiàn)0.5px線條的原理分析,本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
由于安卓手機(jī)無法識別border: 0.5px，因此我們要用0.5px的話必須要借助css3中的-webkit-transform:scale縮放來實(shí)現(xiàn)。
原理：將偽元素的寬設(shè)為200%，height設(shè)為1px通過-webkit-transform:scale（.5）來進(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)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
Android實(shí)現(xiàn)截屏方式整理（總結(jié)）
本篇文章主要介紹了Android 截屏方式整理（總結(jié)），小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-07-07
android 仿微信demo——注冊功能實(shí)現(xiàn)(服務(wù)端)
本篇文章主要介紹了微信小程序-閱讀小程序?qū)嵗【幱X得挺不錯的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧，希望能給你們提供幫助2021-06-06
Android中自定義view實(shí)現(xiàn)側(cè)滑效果
這篇文章主要介紹了Android中自定義view實(shí)現(xiàn)側(cè)滑效果的相關(guān)資料,非常不錯，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-11-11
Android 程序執(zhí)行Linux命令的解決方法及注意事項(xiàng)
這篇文章主要介紹了Android 程序執(zhí)行LINUX命令的解決方法及注意事項(xiàng),本文通過問題描述最終到解決方法，給大家介紹的非常詳細(xì)，需要的朋友可以參考下2017-12-12
Android中編寫簡單的手電筒小應(yīng)用的實(shí)例教程
這篇文章主要介紹了Android中編寫簡單的手電筒小應(yīng)用的實(shí)例教程,簡單粗暴地控制手機(jī)閃光燈的開閉,效果拔群XD 需要的朋友可以參考下2016-04-04
Android中檢查網(wǎng)絡(luò)連接狀態(tài)的變化無網(wǎng)絡(luò)時(shí)跳轉(zhuǎn)到設(shè)置界面
這篇文章主要介紹了Android中檢查網(wǎng)絡(luò)連接狀態(tài)的變化無網(wǎng)絡(luò)時(shí)跳轉(zhuǎn)到設(shè)置界面,需要的朋友可以參考下2017-06-06
這篇文章主要介紹了Android Activity向右滑動返回，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-06-06
Android實(shí)現(xiàn)EditText控件禁止輸入內(nèi)容的方法(附測試demo)
這篇文章主要介紹了Android實(shí)現(xiàn)EditText控件禁止輸入內(nèi)容的方法,涉及Android針對EditText控件屬性設(shè)置的相關(guān)技巧,需要的朋友可以參考下2015-12-12
PackageManger的主要職責(zé)是管理應(yīng)用程序包,通過它可以獲取應(yīng)用程序信息,這篇文章主要給大家介紹了關(guān)于Android中PackageManager使用的相關(guān)資料,需要的朋友可以參考下2021-11-11
Android程序開發(fā)之WebView使用總結(jié)
這篇文章主要介紹了Android程序開發(fā)之WebView使用總結(jié)的相關(guān)資料,非常不錯，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-07-07