发表于： 2017-03-21 21:56:33
2 603
一，今天完成的事情
1.早上自己写好了栅格布局，中途遇到几个问题，本来想从xs-1一直写到lg-12，后来觉得很麻烦，但不知道less如何写循环，去看了一遍less的语法，最后用loop写了循环-loop@{index}这种形式，写完之后试用的时候发现四个没办法一排，只能三个一排，找各种原因，看bootstrap源码对比，发现没有写清除浮动上去，写完之后还是没好，最后对比调试的时候发现是没有box-sizing：border-box，这个属性可以使padding向内延伸，占用元素设定宽高，不会影响总长度。
2.其他能复用的组件基本拆解完毕，就是卡在导航栏的button下拉菜单那，和师兄聊了会，有些头绪，总想像之前写的一样，用一套ul，最后打算写两套试试，大于768px隐藏一套，小于就显示一套。
二，明天要完成的事情
基本完成任务十五，后天调试，改改代码，准备开js的坑。。
三，遇到的问题
发现四个没办法一排，只能三个一排，找各种原因，看bootstrap源码对比，发现没有写清除浮动上去，写完之后还是没好，最后对比调试的时候发现是没有box-sizing：border-box，这个属性可以使padding向内延伸，占用元素设定宽高，不会影响总长度。
四，收获
1.less语法更熟了，loop，继承都了解了一些。
2.学到了box-sizing这个好用的属性。
返回列表
评论