发表于: 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   圆会变大  目前没找到问题出在哪


收获:

媒体查询 ,栅格系统 已初步掌握  下一步了解表格并掌握


响应式也了解了挺多知识     


返回列表 返回列表
评论

    分享到