关于移动端1px分割线
2020-02-03 02:35
831 查看
移动端1px分割线设置
// 使用伪类 最后一个li留白
&:not(:last-child):after{
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background: #ccc;
transform: scaleY(0.5);
}
另一个使用的
border-bottom: solid 1px #ccc;
对比图
- 点赞
- 收藏
- 分享
- 文章举报
Aom_yt
发布了2 篇原创文章 · 获赞 0 · 访问量 53
私信
关注
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 关于移动端web 1px边框解决方案
- 关于移动端1px边框问题
- 关于移动端1px线处理和伪类组合使用
- 关于去掉tableViewCell 多余分割线
- 关于rem移动端适配
- 移动端1px的解决方法
- 移动端关于select最佳兼容性解决方案(css)
- 解决关于移动端zepto的tap点透bug（英文ghost click）
- Android 关于ExpandableListView去掉里头的分割线
- 关于Jmeter测试移动端应用时提示非法登录，不是合法的登录设备时的解决办法
- 关于移动端点击后出现闪或者黑色背景
- 关于移动端适配解释
- 关于移动端自适应大小（rem）————（autosize.js）
- 关于web移动端返回到顶部的解决方案
- 移动端1px边框
- 移动端1px解决方案
- 关于移动端的适配问题
- 移动端适配1px问题
- 【求解】关于移动端word-beak遇到的bug
- :after伪类方法解决移动端1px变粗的原因