发表于: 2021-06-04 23:26:53

1 928


今天完成的事情:

对媒体查询,进行了复习。尤其对列的切换,比如4列切换成2列,2列切换成1列等,进行了重点关注。w3上面用的百分比,配合@media进行列的切换,看是看明白了。但是栅格系统里面咋操作呢?还是觉得疑惑。翻了翻师兄的日报,有提到列的切换,尽管很简略。但是我知道,这应该就是我要找的关键点,和欠缺的知识点了。把bootstrap里相关的知识点又看了看,终于找到自己没明白的点




其实就是针对不同设备的屏幕,进行列的设置,让页面适配不同的屏幕。心中的疑惑一扫而光,原来是自己先前看知识点,都是一笔带过,根本就没进行理解,看了也就过了,才导致卡住了。把自己的任务页面打开一看,用bootstrap做的页面,还是没法结合起来。因为我把页面元素分割的太细了。。。本该放在一个div里的相关元素,都是单独拿出来排列。看来还得继续改呀。弯路走的太多了,啊啊啊






明天计划的事情:
1,计划把页面里分割太细的元素,根据后面的任务要求,重新弄吧


2,对task10,进行预习





遇到的问题:

媒体查询看了都明白,但是用起来,复杂点的,就觉得不知如何下手




收获:

栅格系统和媒体查询是结合起来用的,不能割裂开来


返回列表 返回列表
评论

    分享到