移動端1px邊框

  .solid{
      position: relative;
  }
  .solid:after{
      content: " ";
      width: 200%;
      height: 200%;
      position: absolute;
      top: 0;
      left: 0;
      border-radius: inherit;
      transform: scale(0.5);
      transform-origin: 0 0;
      pointer-events: none;
      box-sizing: border-box;
      border: 1px solid rgba(0, 0, 0, 0.1);
  }
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 造成邊框變粗的原因 其實這個原因很簡單,因為css中的1px并不等于移動設(shè)備的1px,這些由于不同的手機有不同的像...
    我向你奔閱讀 1,160評論 0 2
  • 移動端1px邊框在手機上看比較粗,參照京東web端的做法,結(jié)合偽類after,如圖: 解決辦法 可完美解決,但是比...
    柒子YOYO閱讀 748評論 0 0
  • 移動端1px的邊框是非常常見的效果,在各種app或者網(wǎng)頁上大量用到,比如微信和qq的聯(lián)系人列表等.然而,當我們用c...
    勇PAN高峰閱讀 1,261評論 0 3
  • 第一種 .b-b{ position:relative; } .b-b:after{ content:""; po...
    北上廣_d8bd閱讀 454評論 0 0
  • 解決方案一 使用rem為單位。 使用js獲取dpr值動態(tài)計算視口縮放,設(shè)置viewport content屬性。 ...
    D_R_M閱讀 1,145評論 0 1

友情鏈接更多精彩內(nèi)容