一个普通标题 | em | rem | 百分比 | vw,vh |
---|---|---|---|---|
字体继承 | 子元素字体 1em = 父元素 font-size值 | 根目录下的font-size(元素下的) | 字体自己设置就行 | 将可视区域平分100分,为1vw,1vh |
padding,margin,width,height | 1em = 该元素的font-size | 根目录下的font-size(元素下的) | width,height为父content区域的百分比,pd和mg上下都为父元素内容的宽度(不包括padding!) | 同上 |
- 通常设置边框或者定位用px,
- 响应式还是用vw,rem更好一些
- vw的兼容性不太好,但是方便
- rem可以直接媒体查询改下的font-size就好