【今天完成的事情】

1.学习bootstrap格栅系统，并且在task6中运用

<div class="container">
    <div class="row myfooter" >
        <div class="col-xs-1"></div>
        <div class="col-xs-3">
            <a href="#">
            <span class="pic pic_5"></span>
            <span class="footer-active">首页</span>
            </a>
        </div>
        <div class="col-xs-4">
            <a href="#"><span class="pic pic_3"></span></a>
        </div>
        <div class="col-xs-3">
            <a href="#">
            <span class="pic pic_6"></span>
            <span>我的</span>
            </a>
        </div>
        <div class="col-xs-1"></div>
    </div>
</div>

2.修改css样式，当文字溢出的时候用....代替。

word-break: keep-all;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;

【明日计划】

1.学习sass优化css在移动端的雪碧图

【总结】

之前用rem和background-size

.pic {
    background-image: url("../images/task6.png");
    display: block;
    background-size: 3.91rem .96rem
}
.pic_3 {
    background-position: -0 -0;
    width: .94rem;
    height: .94rem;
}
.pic_4 {
    background-position: -1.70rem -.05rem;
    width: .42rem;
    height: .44rem;
}
.pic_1 {
    background-position: -1.40rem -0px;
    width: .1rem;
    height: .80rem;
}

解决移动端自适应问题，然后发现在Android上面少了一像素，然后继续优化，然后发现很多方案需要用到sass，我勒个去，sass是个啥，然后就掉进了sass的坑里面去了，然后我觉得我有必要先学习一下sass，恩就是这样。。然后就安装了sass，学习了sass的语法，关键是学完了一头雾水，啊啊啊，要疯了，继续研究去了。。。。

对了师兄，关于css雪碧图在移动端的自适应有什么好的方案解决么？求师兄指教