border最小宽度限制1px

今天准备用<span></span>标签来实现分割线，

其原始css如下：

border-right:0.01rem solid #fff;

width:0;

height:0.2rem;

display:inline-block;

由于自己实现了跟随屏幕而变化的基准font-size函数，当屏幕宽度为750时body的font-size为100px,所以当屏幕小到一定程度时，body的font-size要小于100px,

这也意味着这个span的右边框要小于 1px,这时很神奇的是边框消失不见了。。。而当我调试时将它的宽度增大到1px时它才会显示出来。。

所以这里的span标签的宽度若想精准的随屏幕大小变化，则css样式需改变成:

width:0.01rem;

background:#fff;

height:0.2rem;

display:inline-block;

或者设置 border-right:1px solid #ff;而不是0.01rem;（小于1px出现的坑很多。。。相信运营也不会那么仔细，尽量大于1px）

这样就可以了。。。

如有不同想法可以提出来了。。