移动端1px 展示粗细问题

 

 

 代码 border-top: 1px solid red;

解决办法 边框改为背景色 linear-gradient 渐变/一半透明一有色值

.detail_col::before {
    content: " ";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(0deg,transparent 50%, red 50%);
  }

 

posted @ 2021-08-12 15:39  美力  阅读(70)  评论(0编辑  收藏  举报