今天完成的事情:按照任务步骤,
详细了解了 HTML标签图解
大致 看了看盒子模型, 浮动等, 因为以前有学过,所以主要是看看有没有那些遗漏,顺带回顾一下
用自己能想到的所有不同的方法 将 九宫格 写出来。
明天计划的事情:开始任务二,把代码上传到 github,提交任务一
遇到的问题:
使用 vm 单位规定长宽时,在 PC 端屏幕宽度大于高度时,会出现滚动条,占用视口横向宽度,导致下方也会出现滚动条。
解决这样的问题,可以使用 vmin 单位,最好还是结合实际项目中实际情况决定,vim 不是100% 适用。
padding使用 百分比 单位时,是基于宽度计算的, 但是利用padding 时,方块中无法添加内容。
利用绝对定位和相对定位来解决,在九个小方块外套两层 div ,最外层使用绝对定位,利用 padding 使用成为一个 正方形,
第二层,使用相对定位宽高 100%。
收获: 复习基础知识
学习使用 grid 布局
评论