发表于: 2019-11-14 22:25:36
1 1027
今天完成的事情:
任务七三个页面除了第三张,都重新修改了多次,随着改动发现有的代码不必要,有的代码可以省略
投票页面 内容区用的相对绝对定位做的,效果还可以。尝试用浮动和flex-wrap:wrap;都做了一次,
用浮动做的在屏幕大小超过768px,宽度低于320px的时候宽度可以保持一致,高度无法保持,只能在最大最小范围内尺寸一致
用换行做 控制宽度 实现 屏幕放大一行四个 缩小时一行三个,还没找到更好的办法实现,目前采用相对绝对定位那个
屏幕宽度溢出的问题是内容加起来超过了宽度,这个已经解决
固定定位下方宽度大小和上方一样 但是缩小时 突出一块 ,这个问题解决了 发现是固定定位的尾部因为颜色一样看似居中,但是没居中
给footer加个盒子 设置flex 水平垂直居中就好了
把三张图添加链接之后试了下连贯性 还可以
发现播放那个在电脑端看正常 在手机上看出现兼容性问题了 明天找资料解决下
上拉有空白 这个也得解决一下
这张还可以
明天计划的事情:
理解任务7的深度思考 ,检查代码 看看有没有别的没发现的问题
遇到的问题:
自适应处理的还不是特别好
收获:
对任务七的三张图基本掌握了
评论