自己以前做了个总结，购物车悬停和html代码在手机屏幕自适应，主要是切图的时候用得到

代码如下：

   $(function() { 
     var elm = $('.daohang_h3'); 
     var startPos = $(elm).offset().top; 
     $.event.add(window, "scroll", function() { 
       var p = $(window).scrollTop(); 
       $(elm).css('position',((p) > startPos) ? 'fixed' : 'static'); 
       $(elm).css('top',((p) > startPos) ? '0px' : '');
     } 
   });

手机端自适应：

如果原psd图是750，c则iwdith=750，类推。

下面用到的所有图都按实际像素写，不用除以2。

代码如下：

<script language="javascript">
    var phoneWidth = parseInt(window.screen.width),iwidth=750,phoneScale = phoneWidth/iwidth;
    document.write('<meta name="viewport" content="width='+iwidth+', 
    minimum-scale = '+phoneScale+', maximum-scale = '+phoneScale+', target-densitydpi=device-dpi">');
</script>

以上就是我总结的购物车悬停和html代码手机端切图自适应