相关文章推荐
另类的冲锋衣  ·  FileInfo 类 ...·  1 年前    · 
会搭讪的蚂蚁  ·  How to Configure the ...·  1 年前    · 
豪情万千的豆腐  ·  neo4j java版本-掘金·  1 年前    · 
强健的鸡蛋面  ·  Enumerable.SelectMany ...·  1 年前    · 

移动端实现1px边框

实现方式:伪元素 + 缩放

1,用伪元素在给需要设置边框的元素对应的地方画出PC端的1px边框;

sass语法:文件mixin.scss

2,根据设备的dpr设置伪元素缩放;

sass语法:文件base.scss

3,创建index.sccs,并在文件中导入mixin.scss 和base.scss。

4,在使用边框的组件中引入index.scss文件

将border-1px类名(用来缩放);

将border-1px()混合(用来设置伪元素)设置给要设置边框的元素:@include border-1px(rgba(7,17,27,0.1));


发布于 2020-06-05 19:42

文章被以下专栏收录