发表于： 2016-08-04 00:27:23
4 1427
今天完成的事情：
完成task10、task11、task12的响应式布局，使用chrome的控制台测试的。
因为是在之前做的页面的基础上修改的，主要是引入百度公共资源库的bootstrap链接，添加相应的类名实现根据屏幕尺寸不同自动布局。bootstrap刚开始使用，只会一些简单的修改，最终做出的页面还是挺丑，待继续学习应该还有其他的方式可以实现。
学习LESS，使用的Koala的桌面编译器，虽然现在只学了一些简单的编译技巧，但相对之前已经有明显的效率提高了，查到还有个类似的SASS，应该也是个好东西，后边得深入好好学习一下。
明天计划的事情：
继续找一些页面来练手，随着学习的不断深入，尝试优化之前做的任务。
遇到的问题：
在原本布局的基础上添加Bootstrap样式是一件很恶心的事情
都想直接把css扔了重新来写了。但是这样的话前面做的那些工作不是白费了，最终还是两条路线搭配着完成了任务。
图片自适应大小问题，用背景图的方式研究了一下没有解决，之后直接使用img标签添加%的相对尺寸属性解决。
最大的问题就是使用Bootstrap布局后很难做到和PSD上的尺寸一样，想请教一下师兄这个问题怎么解决，是我技术太渣没做好还是有别的方法？
收获：
初步了解了LESS编译方式，确实能够明显提高效率，需要继续深入学习。
学习使用Bootstrap框架，总体来说很方便，但很多细节地方还需要继续研究研究。
返回列表
评论