发表于: 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-孟广旭指出我的问题


返回列表 返回列表
评论

    分享到