Work: 工作必备
程序员面试刷题的书哪个好前端技能总结运用在面试和工作中遇到的问题,系统总结一下,温故而知新。学习虽然缓慢,但是一定会有收获。
前端技能:
- CSS移动端h5适配
适配的原理是有个基准,在视口大小改变的时候重新计算。首先需要了解几个单位:px,rm,rem,vw。
-
px像素(Pixel):像素px是相对于显示器屏幕分辨率而言的。
-
rem:相对于根元素(即html元素)font-size计算值的倍数。
-
em:相对于父元素字体大小,元素的非font-size属性用em的话,相对于自身font-size。
-
vw:相对于视口的宽度,视口被均分为100单位的vw。
在webpack里的postcss有postcss-px-to-viewport,可以将px转换为vw。
-
绝对定位:
-
相对于什么定位?以及定位的基准是什么?
-
相对于第一个相对定位父元素进行定位。
-
子元素的margin相对于父元素的border进行绝对定位。
-
居中定位:
-
水平居中:
-
行内元素:text-align: center
-
块级元素:margin: 0 auto
-
-
设父元素相对定位,子元素绝对定位,如果宽度固定,子元素left: 50%;