自用前端实习面试知识点——CSS

css

1.盒子模型

1. 标准盒子模型：width指content部分的宽度
2. IE盒子模型：width指content+border+padding的宽度

因此在计算盒子模型宽度的时候，标准盒子模型的宽度为width+左右padding+左右border，IE盒子模型的宽度为width。

在css3中引入了box-sizing属性，
box-sizing:content-box代表标准盒子，
box-sizing:border-box代表IE盒子。

2.如何画一条0.5px的线

理论上1px就是最小的了，这里有两种方法，
对于移动端，可以采用meta viewport的方式，缩放0.5倍。
viewport

<meta name="viewport" content="width=device-width, initial-scale=0.5, minimum-scale=0.5, maximum-scale=0.5"/>

或者可以采用transform：scale的方式