手机屏幕内容上下居中

一、如果已知div的高度（未知的话用js获取此div的有效高度），js获取手机屏幕高度，计算出向上的距离，可用position或者margin-top实现
function getHeight(){

    var phoneHeight = screen.height;
    var div = document.body.clientHeight;//未知div时求得的高度，别忘去掉 px
    var height = (phoneHeight-300)/2;//已知高度是300
    height = Math.floor(height);//取整
    $('.div').css('margin-top',height);
}

getHeight();
二、用定位实现：先计算出div的高度（XX为此div高度的一半）
left：50%；
top：50%；
margin-left：-XXpx；
margin-top：-XXpx；