发表于: 2019-11-23 21:54:07
1 1157
今天完成的事情:
页面的头部响应式已经完成了
上半部分的难点我觉得在导航栏这里 文字的hover效果 之前文字总是出现跳来跳去的,发现因为flex的垂直居中导致的,取消掉就解决了
下拉框和文字的hover效果用 媒体查询分开就好了
这里文字和数字在px不同时的变换,调到最后总算调明白了
轮播图因为页面有2个,第二个的轮播点击就无效了,后来通过更改解决 代码如下
下半部分就是媒体查询,看缩小的效果调整 五等分 十等分,页尾最开始觉得难,看起来简单,第一遍是随便写了点代码,样子有了,觉得不妥,好好想了想后解决了
其实收获肯定很大的,媒体查询的使用,现在可灵活了,就是 ~and~ 这个还没去看 目前只会单一的使用 这个看看应该就很会了
对媒体查询的理解,现在是max-width 应该只能用一次 min-width 可以多次利用,效果不会重复 不知道是不是这样
https://zhuchunyu1995.github.io/xzy/css/task8/task8.html 第一张页面
说起来知识点都是学过的,问题更多在调试和动手,多动手就好了,看太多真会迷糊的
明天计划的事情:
明天看表格相关内容,把第三个页面放前面
遇到的问题:
就是hover。。。
这里的hover 圆会变大 目前没找到问题出在哪
收获:
媒体查询 ,栅格系统 已初步掌握 下一步了解表格并掌握
响应式也了解了挺多知识
评论