react 前端开发,用组件list,因list自带有样式,很容易就能写好。
提测后,测试发现,在不同的android机型上,list的分割线有的有,有的没有。用web端调试,果真如此。修呀。。。
经过调试发现,分割线,是list自带的样式::after添加的。查看after内的样式“
display: block;
position: absolute;
content: '';
left: 0;
bottom: 0;
right: auto;
top: auto;
width: 100%;
border-bottom: 1PX solid #ddd;
没有找出破绽。想。。。
询问同事,同事告知经验,说是被覆盖掉了。是这修改bottom:-1.
果真如此,原来是被覆盖掉了,完美解决。