和大多数响应式的布局一样，webapp开发也是需要浮动布局和百分比布局，需要考虑的是小屏幕手机250px和大屏幕设备768px，但是习惯以320px和640px来分割，jq中的一句话$(function(){
$(window).resize(function() {
var isWidescreen=$(this).width();
if(isWidescreen<320){
isWidescreen=320;
}else if(isWidescreen>640){
isWidescreen=640;
}
var ratio = isWidescreen / 320;
$(".w640").css({'font-size': ratio * 16+"px" });
}).trigger('resize');
可以检测移动设备width。
使用到Ovflow-y：scroll属性时；要注意设置为absolute;超出部分可以滚动，之前为了固定头尾部，使用了fixed属性，但是在苹果手机里不兼容，然后用了js动态为需要固定的元素设置top和bottom值，window.scrollY，发现手机打开滑动到头部和尾部的时候页面抖动厉害；然后为了解决这个问题，使用了ovflow:scroll；哎，饶了好大一个弯，也算是教训吧