发表于： 2016-08-18 23:50:45
1 1358
今天完成的事情：写完了task10,在手机测试了响应式的情况，基本算是实现了响应式
明天计划的事情：开始task11
遇到的问题：这几天一直在看bootstrap，刚开始看的时候感觉，卧槽这么多东西，好屌。后来发现卧槽真难用，我自己写吧。然后发现卧槽自己写好麻烦还是用bootstrap吧。。。
写导航条的时候直接复制的组件，自己自定义结果全乱了。我又一点点拆开看的，看明白以后还挺简单的。
还遇到了行内块默认产生间隔导致布局错误，比如一个20%宽的inline-block和一个80%宽的inline-block本来应该正好占满一行，结果由于默认间距导致换行。默认间距是由于写代码的时候为了排版整洁用了换行符，Tab符或空格，都会导致产生间距。目前有两种解决方法。
1，清除换行符，很简单的方法，但是清楚了换行符代码都在一行看着会很乱，所以这种方法不推荐。
2，设置父元素font-size:0;然后子元素再设置自己的font-size。亲测有效。
还有一个问题就是写栅格布局的时候太死板，导致布局很不美观，自定义边距也很麻烦。然后看了看修真院的首页，原来col-md-*的栅格里面还可以再套div写边距，真的很方便。
收获：总之算是学会了用bootstrap，栅格布局确实很巧妙，一些组件用着也挺方便（特别是轮播图哈哈哈）。
返回列表
评论