自己以前做了个总结,购物车悬停和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代码手机端切图自适应