最近做了一个H5的活动页面发现了一个问题就是对于有边框的列表项如有底框的列表项会出现 相邻的两个列表项中的一个边框变成2px:如图:
;
有三个解决方案
(1)把border-top-color:#fff;把上边框定义成白色的
(2)把 border换成box-shadow
(3)用list项的after属性定义边框然后再用scale(0.5)(推荐最后这项,因为这项也可以解决在ios7下1PX的问题)
本文介绍了解决H5页面中带边框列表项出现双边框问题的方法,包括更改边框颜色、使用box-shadow替代及利用伪元素并结合scale进行调整。
最近做了一个H5的活动页面发现了一个问题就是对于有边框的列表项如有底框的列表项会出现 相邻的两个列表项中的一个边框变成2px:如图:
;
有三个解决方案
(1)把border-top-color:#fff;把上边框定义成白色的
(2)把 border换成box-shadow
(3)用list项的after属性定义边框然后再用scale(0.5)(推荐最后这项,因为这项也可以解决在ios7下1PX的问题)
2795

被折叠的 条评论
为什么被折叠?