postcss-write-svg实现1px边框

Question

看了大漠老师的文章 移动端下1px 的解决方案用了 postcss-write-svg可是边框上下显示 左右不显示。不知道是不是自己哪里用错了相关代码@svg 1px-border {  height: 2px;   @rect {    fill: var(--color, black);    width: 100%;    height: 50%;   } }#demo{    border: 1px solid transparent;  border-image: svg(1px-border param(--color #c0c0c0)) 2 2 stretch; }出现的效果是不知道怎么才可以实现左右也可以显示正常 ~求教..感谢

Answer 1

自问自答 ：

@svg 1px-border {  width: 2px;  @rect {    fill: var(--color, black);    width: 50%;    height:100%;
  }
}

可是实现2变 如果是全部boder还未解决

Answer 2

border: 1px solid transparent
border-image: svg(1px-border param(--color #00b1ff)) 1 stretch