发表于： 2018-07-03 22:05:05
1 769
今天完成的事情:1.完成github上传项目，上传展示github page页面。
2.下载并配置PS，完成PS切图。
3.了解CSS单位与自适应，完成魔镜介绍页面任务。
明日计划：继续推任务，完成登录页任务。
遇到的问题：刚开始不熟悉CSS各种单位的应用，在写CSS样式的时候各种单位乱用，结果导致达不到想要的效果，然后就用各种单位慢慢套用 慢慢调整，折腾了比较久。
收获总结：熟悉了CSS各种单位的知识：1.px：相对长度单位。像素px是相对于显示器屏幕分辨率而言的。
2、em：相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。3、rem：相对长度单位，相对于根元素<html>的字体大小。4、vh and vw：相对于视口的高度和宽度，而不是父元素的。1vh 等于1/100的视口高度，1vw 等于1/100的视口宽度。
二是关于元素的宽高以及内外边距：不能设置的太大，不然会撑开元素的框体：导致元素显示超出框外，浏览器的底下会出现滚动条等现象。所以在设置元素的宽高以及内外边距时，可以先大概算下会不会超过外面的尺寸再作调整。
返回列表
评论