对项目中border-1px的疑惑

来源:18-6 split组件实现

missky

2016-12-27

老师说过,直接写border-bottom为1px的样式,在移动端可能显示不是1px,那为何项目中有些border为1px的地方又不采用border-1px()的函数写法,而是用border-bottom、border-top等这样的写法呢?另外我发现在用border-1px()写法的时候,不用在html中挂border-1px的类名,也能显示边框,求解惑

写回答

1回答

ustbhuangyi

2016-12-27

仔细看 border-1px 的类名的定义,是根据 media query 做缩放的。不写的话在移动端就不会是 1 像素。课程提到这个知识点只是想普及一下 1像素 在移动端的实现。真实项目,如果对 1 像素要求比较高,是可以做到上下左右四个方向的 1 像素的。并且那种全框 1 像素且带圆角的矩形都可以实现。

0
0

Vue.js2.5+cube-ui重构饿了么App(经典再升级)

掌握Vue1.0到2.0再到2.5最全版本应用与迭代,打造极致流畅的WebApp

9868 学习 · 4162 问题

查看课程