发表于： 2017-03-25 23:57:25
2 582
今天完成:
继续任务8页面制作.主体部分的响应式布局.
明天计划:
任务8首页底部制作.剩下两个页面的制作.
遇到困难:
1.今天在上传图片的时候发现之前切好的图都变成了jpg格式,于是怀疑是不是自己出错了,重新切了一次发现已经选好PNG-24.保存的时候也是.png,但是存储好的文件还是jpg格式,检查了各项设置,,没有解决,不知道是什么原因.
2.任务8首页的圆圈加阴影是很容易实现的,不知道是不是使用了栅格的原因,导致在圆圈挤在最大宽度时挤压变形.看了下师兄的代码,发现是几个盒子套在一起实现的,明天研究下原理.
收获:boostrap栅格布局的自适应.了解了jpg和png的区别.
1.可以为.row(行)下面的类进行多个命名,使器在同的屏幕宽度下改变布局.
如class="col-lg-3 col-sm-6 col-xs-12" 意思是在屏幕大于1200像素时显示4列.大于768时显示2列,小于768时显示1列.
2.png即可移植网络图形格式，也是一种位图文件存储格式，可以进行无损压缩。而jpg是我们最常见的图片格式了，图片占用存储较少，但是也牺牲了图片质量。
返回列表
评论