前端知识体系一 - CSS

本文记录一些常用的css知识点。具体内容转自参考文章。 前端知识点整理 1. 标准盒模型和IE(怪异盒模型)的区别。 标准（W3C）盒子模型：width = 内容宽度（content） + borde

老版本flexible.js会修改scale值，会产生一些问题。 clientWidth是根元素的可视宽度，如果viewport缩放scale=1.0，那么对于iPhone4的clientWidth=320px，如果scale=0.5，那么clientWidth=640px，无…

rem是基于html元素的字体大小来决定，而em则根据使用它的元素的字体大小决定（很多人错误以为是根据父类元素，实际上是使用它的元素继承了父类的属性才会产生的错觉）。rem和em是灵活的，浏览器会根据设置的字体大小，将它们转换为px单位。 chrome最小字体大小为12px，如…

在 flex 容器中默认存在两条轴，水平主轴(main axis) 和垂直的交叉轴(cross axis)，这是默认的设置，当然可以通过修改使垂直方向变为主轴，水平方向变为交叉轴。 在容器中的每个单元块被称之为 flex item，每个项目占据的主轴空间为 (main size…