在移动端开发中,会遇到给盒子加边框的问题 , 对于移动端来说,ui给到我们设计图的时候,我们需要转换一下单位,可是在ui图上,那个边框就是1px solid #f5f5f5;
当转换为rem时,我设置的是0.01rem ,因为像素要除以100,才得到rem ,所以就是border-bottom:0.01rem sold #f5f5f5;
但是神奇的问题就出现了,在真机测试的时候,在安卓和ios系统上,会出现有的盒子显示边框,有的会不显示。这样就很尴尬了。
后来才发现, 因为是rem值太小了,跟手机的像素有关系,所以有的就会出现不显示的问题。
解决办法: 这个可以和ui商量一下, 把颜色改成浅一点的。 代码直接就是 border-bottom: 1px solid #f9f9f9; 这样在真机上就全部显示了,不会出现有的不显示的问题。