发表于： 2019-05-14 22:24:00
1 847
今天完成的任务：
1、今天查看了部分资料，容易忽视的position:sticky粘性布局，sticky 英文字面意思是粘，粘贴，所以姑且称之为粘性定位。
下面就来了解下这个处于实验性的取值的具体功能及实用场景。这是一个结合了 position:relative 和 position:fixed 两种定位功能
于一体的特殊定位，适用于一些特殊场景。
2、查看bootstrap的部分用法，栅格系统都会自动的把每行row分为12列， col-xs-*、col-sm-* 、col-md-*和.col-lg-* 后面跟
的参数表示在当前的屏幕中的占列数。例如 <div class="col-xs-6 col-md-3"></div> 这个div在屏幕中占的位置是： .col-xs-6 在超
小屏幕中占6列，也就是屏幕的一半（12/6列=2个div）， .col-md-3 在中等屏幕中占3列也就是1/4（12/3列=4个div）。反推，如果
我们要在移动端并排显示3个div(12/3个=每个占4 列 )，则col-xs-4；在PC端上显示6个div(12/6个=每个占2列 ) ，则 col-md-2。
明天计划的事情：查看学习资料，准备以下任务
收获：查看资料，细心思考前面任务中出现的问题，并用心补全。
返回列表
评论