android上實現(xiàn)0.5px線條的原理分析

更新時間：2021年01月08日 14:39:10 作者：淺夏晴空

這篇文章主要介紹了android上實現(xiàn)0.5px線條的原理分析,本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下

由于安卓手機無法識別border: 0.5px，因此我們要用0.5px的話必須要借助css3中的-webkit-transform:scale縮放來實現(xiàn)。

原理：將偽元素的寬設為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上實現(xiàn)0.5px線條的原理分析的文章就介紹到這了,更多相關android實現(xiàn)0.5px線條內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！

Android實現(xiàn)截屏方式整理（總結）
本篇文章主要介紹了Android 截屏方式整理（總結），小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-07-07
android 仿微信demo——注冊功能實現(xiàn)(服務端)
本篇文章主要介紹了微信小程序-閱讀小程序?qū)嵗【幱X得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧，希望能給你們提供幫助
2021-06-06
Android中自定義view實現(xiàn)側(cè)滑效果
這篇文章主要介紹了Android中自定義view實現(xiàn)側(cè)滑效果的相關資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下
2016-11-11
Android 程序執(zhí)行Linux命令的解決方法及注意事項
這篇文章主要介紹了Android 程序執(zhí)行LINUX命令的解決方法及注意事項,本文通過問題描述最終到解決方法，給大家介紹的非常詳細，需要的朋友可以參考下
2017-12-12
Android中編寫簡單的手電筒小應用的實例教程
這篇文章主要介紹了Android中編寫簡單的手電筒小應用的實例教程,簡單粗暴地控制手機閃光燈的開閉,效果拔群XD 需要的朋友可以參考下
2016-04-04
Android中檢查網(wǎng)絡連接狀態(tài)的變化無網(wǎng)絡時跳轉(zhuǎn)到設置界面
這篇文章主要介紹了Android中檢查網(wǎng)絡連接狀態(tài)的變化無網(wǎng)絡時跳轉(zhuǎn)到設置界面,需要的朋友可以參考下
2017-06-06
Android Activity向右滑動返回
這篇文章主要介紹了Android Activity向右滑動返回，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-06-06
Android實現(xiàn)EditText控件禁止輸入內(nèi)容的方法(附測試demo)
這篇文章主要介紹了Android實現(xiàn)EditText控件禁止輸入內(nèi)容的方法,涉及Android針對EditText控件屬性設置的相關技巧,需要的朋友可以參考下
2015-12-12
Android中PackageManager使用詳解
PackageManger的主要職責是管理應用程序包,通過它可以獲取應用程序信息,這篇文章主要給大家介紹了關于Android中PackageManager使用的相關資料,需要的朋友可以參考下
2021-11-11
Android程序開發(fā)之WebView使用總結
這篇文章主要介紹了Android程序開發(fā)之WebView使用總結的相關資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下
2016-07-07