height: 100vh 试试

你需要的不是固定高度，而是要用JS去获取屏幕高度，动态计算p1的高度才行的

第一种方法：

#p1 {
    height: 100%;
    width: 100%;
}

第二种方法：

var p1 = document.getElementById('#p1');
var width = window.innerWidth;
var height = window.innerHeight;
p1.setAttribute("width",width);
p1.setAttribute("height",height);

window.onresize = function(){
    var width = window.innerWidth;
    var height = window.innerHeight;
    p1.setAttribute("width",width);
    p1.setAttribute("height",height);
}

重新想了想你问的问题，感觉是你没表达清楚，你要的效果是如果屏幕高度小于1500px，就把p1的高度设置为1500px，如果屏幕高度大于1500px,就把p1的高度设置成全屏高度吧？

height: calc( 100% - 70px );

大概是这个效果？

另外注意下calc里边的空格。。

如果p1一屏是要包含#footer的话  
#p1{min-height:calc(100% - 70px);}

如果只是p1单独一屏就直接
#p1{ min-height:100%; }

body {
    min-height:100%; 
    box-sizing:border-box; 
    padding: 0 0 70px;
}

这样可以避免用calc带来的不兼容。