css 世界 笔记

目前阅读进度 40%,书很赞,建议购入!

今天碰到的问题就是 box-sizing 乱用的情况。

  1. 带来不必要的性能消耗
  2. 影响 element-ui datepicker 组件的 样式

错误代码

*,:after,:before{box-sizing:border-box}

根据书中记录,box-sizing: border-box 发明的初衷是为了解决替换元素宽度自适应问题。

合理的使用:

input, textarea, img, video, object {
     box-sizing: border-box;
}

normalize.css就没这么写。