H5页面定义的细线或边框本地显示 移动设备不显示的问题

问题现象

最近的项目比较重动效，如图这几个元素是要有一个从上到下 从无到有的动效

绿框用的canvas，canvas只能接受以px为单位的参数，为了实现移动端适配，其中做了个转化，把以rem为单位的参数转换为当前像素下的以px为单位的参数；红框由css的animation控制，参数是以rem为单位的数值

两者效果在本地测试都能显示出来，而在手机上看，绿框的线能出来，红框的线都没有出来

问题原因

以rem为单位的数值太小，显示不出来

问题解决

width:0.01rem不显示，改为 width:calc(0.01rem + 1px)能显示