【文件属性】:
文件名称:程序员面试刷题的书哪个好-work:工作
文件大小:24KB
文件格式:ZIP
更新时间:2021-07-07 12:58:14
系统开源
程序员面试刷题的书哪个好
前端技能总结运用
在面试和工作中遇到的问题,系统总结一下,温故而知新。学习虽然缓慢,但是一定会有收获。
前端技能
/
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%;
【文件预览】:
work-master
----text.html(2KB)
----Observer.js(2KB)
----README.md(52KB)