今日完成

  task12 链接 。

  可算是完成最后一个任务了，开心~  

明日计划

  暂定。

问题

1. 1、navbar如何囊括非后代元素的内容（使“登录”和“注册”也能在xs下隐藏）？

   

      试过data-target:  =#a #b;的写法无效。

2. 2、步骤图这里（下图），UI是否有偷懒行为？用images还是用css写出来？

     我的理解是，这里应该是随着步骤的进行改变橙色的显示位置，但PSD里是一整条灰色……用图      片的优点是不会随浏览器的不同而出现较大的表现差异（比如我的浏览器有网页缩放、字体放大和字体渲   染），缺点是加载时间；css刚好相反。其实两者相差应该不大，但是考虑到这幅图不是简单的一个三角  形，所以我选择了表现稳定的图片。

     另外，我作死突然想用sprite——结果光是想起来怎么写就花了不少时间……权当复习了T_T

   3.怎么用js改变button的背景图（每次click都切换背景图）？

     我要被这个给折腾疯了，明明是一个很简单的效果，怎么做都不行。给我等着，等我多熟悉一点js……

 
          function change() {
            var bgi=document.getElementById("bgimg").style.backgroundImage;
            if (bgi='url("choice.png")') {
              bgi='url("choice-up.png")';
            }
            else {
              bgi='url("choice.png")';
            }
          }

4. 4、如何在一个按钮checked的状态下触发另一个图片的bd？这个问题本质应该和第一个问题是一样的。

5. 5、关于Bootstrap的思路：从大到小还是从小到大？

     虽说Bootstrap是基于xs设计的，但是我一直习惯先写大的。仔细想了想，这样的习惯的原因应该是大页面更大，展现的页面元素比较多，更直观。

6. 6、关于手机分辨率的问题。

     我的手机分辨率是1920x1080，在取消“适应屏幕“ 的情况下，各浏览器展现的是xs。如果开   启“电脑版”或者“桌面版”，有的表现出md，也有xs。虽然说对于手机的屏幕表现出lg，也只能双指放大页面……

     顺便吐槽下UC的奇葩，字体颜色不能正确显示，div的背景、bd、sh直接没了——明明其他浏览器的表现都是相互一致，并且和电脑浏览器的也一样。我只想说“迟早要完”，当初IE占着用户多肆意妄为、无视其他浏览器都遵守的规则，先后被firefox和chrome赶超。更何况，移动端的更新换代比PC端快得多了。

收获

  如上的好多问题，留坑。