手机端页面 边框显示问题

Question

页面的一个li标签设置了border: 0.01rem solid #ccc;
手机端页面 用浏览器打开时 边框正常显示, 用微信打开时 li的边框不显示, 部分手机不显示, 部分手机又显示, 这是为什么, 该怎么调试修改.
这个页面也有其他元素也有边框, 都正常显示, 也有li元素,也正常显示, 唯独这个li的边框不显示.

Answer 1

rem是相对于html font size的。
0.01rem可能少于1px。
在部分android上是不显示的，一般边框是用的px。如果要实现小于1px的边框，可参考这个 http://www.ghugo.com/css-reti...

Answer 2

像对于手机的边框的话 我一遍的做法就是直接border：1px solid #000；
貌似也看不出什么问题

Answer 3

body html{font-size:62.5%;}
设置这个属性rem和px的比例是1:1；
再说你的border不能显示的问题；
有的浏览器是不支持浮点数的；应该是你的border转换成px以后不够1px;所以直接为0