网址：http://thefang.applinzi.com/

代码：https://github.com/mrfangbin/task

更新：

         真是被我自己蠢哭了，psd上面的宽度是680，手机明明不可能是的（大概480px），一直都是用切图的尺寸来写css,单位一开始用的还是px，所以显示效果烂的不可描述。

       然后拍脑袋，改成rem,先不考虑ie8-的情况。发现没差别啊！！！！！！！！！

       显示效果没差别啊。为什么啊！拍了半小时脑袋才反应过来。

       1rem=16px,

        所以我按照psd测量出来的font-size、margin、padding还是基于psd宽度680的布局啊，和我用什么单位关系没有高兴。

       总而言之，手机宽度估计480px,我布局按照680px来设定font-size、margin、padding就算用rem单位，总宽度还是680啊。所以，按照680px宽度布局，要在480px上看起来正常，应该：

     @media screen and  (max-width: 480px) {
            html {
                     font-size:12px; 
                  }
         }

    针对不同的屏幕设置不同的根字体大小，然后使用rem设置font-size、margin、padding。

 修改后，效果图：

————————————————————————————————————————————

遇到大麻烦了。我对自适应的理解错了。按照psd的尺寸写css,手机显示效果很差。可毕竟切图的尺寸在啊，有点头疼了。

代码稍微规范化了一些，没昨天那么恶心了，还是很差就是了。

雪碧图没做。明天补。

初步接触了js，好难的。