由line-heigt设置问题引出的css单位问题
line-height 引起的疑问平时工作在修改组件库的样式时,总会看到一些组件在设置 line-height 这个属性时,会设置成 line-height:1 这样用数字来表示,因而秉着不知道原因就是不会的道理,找时间学习了一下,现在进行一下总结。 mdn 上关于 line-height 的解释 :line-height 设置为的无单位的数字,是根据这个数字*字体大小 并推荐使用这种方式设置行高,不会在继承时产生不确定的结果。 设置一个 font-size:20px,line-height:2 的 div 元素。可以看到 line-height 的高度为 font-size 的 2 倍 如果 font-size 设置为 0,line-height 也是按照 font-size 进行计算 2024 年了,css 单位都有哪些由 line-height 而看了 mdn 后,发现除了常用的 px、rem、em、vw、vh 以外,还有好多不曾了解过的 css 单位,也一起记录一下。 相对长度单位:以其他距离为单位的一种尺寸,这个单位可以是根据...