发表于: 2019-11-14 22:25:36

1 1027


今天完成的事情:

任务七三个页面除了第三张,都重新修改了多次,随着改动发现有的代码不必要,有的代码可以省略


投票页面  内容区用的相对绝对定位做的,效果还可以。尝试用浮动和flex-wrap:wrap;都做了一次,

用浮动做的在屏幕大小超过768px,宽度低于320px的时候宽度可以保持一致,高度无法保持,只能在最大最小范围内尺寸一致


用换行做 控制宽度 实现 屏幕放大一行四个   缩小时一行三个,还没找到更好的办法实现,目前采用相对绝对定位那个


屏幕宽度溢出的问题是内容加起来超过了宽度,这个已经解决


固定定位下方宽度大小和上方一样 但是缩小时 突出一块 ,这个问题解决了  发现是固定定位的尾部因为颜色一样看似居中,但是没居中


给footer加个盒子  设置flex 水平垂直居中就好了


把三张图添加链接之后试了下连贯性  还可以






发现播放那个在电脑端看正常 在手机上看出现兼容性问题了 明天找资料解决下


上拉有空白 这个也得解决一下



这张还可以


明天计划的事情:


理解任务7的深度思考  ,检查代码 看看有没有别的没发现的问题


遇到的问题:

自适应处理的还不是特别好 

收获:

对任务七的三张图基本掌握了


返回列表 返回列表
评论

    分享到