发表于: 2021-06-04 23:26:53
1 930
今天完成的事情:
对媒体查询,进行了复习。尤其对列的切换,比如4列切换成2列,2列切换成1列等,进行了重点关注。w3上面用的百分比,配合@media进行列的切换,看是看明白了。但是栅格系统里面咋操作呢?还是觉得疑惑。翻了翻师兄的日报,有提到列的切换,尽管很简略。但是我知道,这应该就是我要找的关键点,和欠缺的知识点了。把bootstrap里相关的知识点又看了看,终于找到自己没明白的点
其实就是针对不同设备的屏幕,进行列的设置,让页面适配不同的屏幕。心中的疑惑一扫而光,原来是自己先前看知识点,都是一笔带过,根本就没进行理解,看了也就过了,才导致卡住了。把自己的任务页面打开一看,用bootstrap做的页面,还是没法结合起来。因为我把页面元素分割的太细了。。。本该放在一个div里的相关元素,都是单独拿出来排列。看来还得继续改呀。弯路走的太多了,啊啊啊
明天计划的事情:
1,计划把页面里分割太细的元素,根据后面的任务要求,重新弄吧
2,对task10,进行预习
遇到的问题:
媒体查询看了都明白,但是用起来,复杂点的,就觉得不知如何下手
收获:
栅格系统和媒体查询是结合起来用的,不能割裂开来
评论