发表于： 2019-06-28 22:58:05
1 815
今天完成的任务
完成了一个页面的制作，关于三个图标垂直居中问题，发现它们不整齐，有的高有的矮，这和图标大小有关，可是设置了它们高度一样，有些图标就很难看，怎么样才能不影响宽高的情况下把它们都对齐，可以在外边加一个盒子，设置好让盒子里面的图标垂直居中就可以了。
之前没有把栅格系统什么屏幕显示多少份设置好，今天特意把它改了一下，在大屏幕的时候显示为4份，小一点为2份，最小为1份。这样的顺序分配好。不要忘记加浮动。
命名# {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
}
例如：我想在大于992的像素下设置显示两份
@media (min-width:992px){
命名#{
width:50%;
}
}
遇到的问题：
使用了雪碧图把下面的小标点设置好，可是不同的屏幕分辨率，它们的宽度就不同，导致我去重新去定位，可是把位置往左移，这个时候不同大小屏幕没有了遮掩现象，但出现一个问题就是多出来一块白色区域，背景色是白色的时候看不出来，调成颜色不一样就很明显，后来使用了媒体查询来定义它们的大小屏幕分辨率的显示。
明天计划的事情：
完成好任务重构，回顾一下前面的知识。
收获，通过今天重构练习，知道那边有问题以及解决方法。
返回列表
评论