发表于: 2018-04-24 21:41:21
1 344
今天完成的事情
完成任务三与任务四
1.meta中的viewport加与不加的区别?
viewport是浏览器中的可视区域。通常viewport使用在移动端,因为移动端的可视区域比PC端的小,所以在移动端的时候,如果不做处理会出现横向滚动条,而使用 viewport则可消除滚动条。
2.px、em、rem、%、vw、vh、vm等单位有什么区别?
px:相对于显示器屏幕分辨率而言。
em:相对于当前元素内文本的字体大小。
rem:r即"root"的缩写,相对于根元素<html>的大小。【rem的使用与计算方法参考https://blog.csdn.net/qq20004604/article/details/67071008】
vw:视窗宽度,1vw = 1%视窗宽度 【1vh = 1%视窗高度】
vm:vmin & vmax,视口高度和宽度两者的最小值或者最大值。
比如,浏览器的宽度设置为1200px,高度设置为800px, 1vmax = 1200/100px = 12px, 1vmin = 800/100px = 8px。
3.常见的移动端登录页header有哪些实现方式?
常见的三列式布局方式有圣杯布局与双飞翼布局,三栏全部设置左浮动,左右两栏加上负边距,使其与中间栏并排。
明天计划的事情
完成任务五与任务五的深度思考
遇到的问题&收获
在做任务时经常会忽略一些细节问题,感谢师兄[深圳分院|内门弟子] JS-孟广旭指出我的问题
评论