为了账号安全,请及时绑定邮箱和手机立即绑定

postcss-write-svg实现1px边框

postcss-write-svg实现1px边框

牧羊人nacy 2018-12-16 09:28:15
问题描述看了大漠老师的文章 移动端下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; }出现的效果是不知道怎么才可以实现左右也可以显示正常 ~求教..感谢
查看完整描述

1 回答

?
慕盖茨4494581

TA贡献1850条经验 获得超11个赞

自问自答 :

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

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


查看完整回答
反对 回复 2018-12-16
  • 1 回答
  • 0 关注
  • 615 浏览

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信