发表于： 2018-07-21 21:28:33
1 698
今天完成的事情：继续任务九添加媒体查询
友情链接这部分
这个地方，我之前是这样的，使用flex布局，然后设置flex-flow：row wrap属性进行的布局，但这样缩小的样式，差强人意
于是我添加媒体查询，让他在一定宽度时flex-flow属性改变为column这样就是竖着排列了，然后再限制高度，使他变更我想要的排数、、
给最下面一排添加container，然后改变之前的flex布局，变更为浮动
然后我做了4个媒体查询使之平滑的变为一列
在看到上面的时候
这个是我改过的图片，没改过上面没有margin是直接在第一排的，但直接添加会让宽屏时字被撑到地下，这里我是用媒体查询弄的
修改第二个页面时心态爆炸，直接删除重做了，这次使用栅格系统来制作，
这次制作跟之前不一样的就是把大多数的单位改成了百分比单位来制作
普通的看是这样的，然后我们做出一点改变
看来是需要添加一下媒体查询
明天计划的事情：完成任务9
遇到的问题：修改第二个页面修改到心态爆炸。。最后重做了
收获：在使用栅格系统时，一排数字为12，如果超出12多余的会自动转到下一行
返回列表
评论