如果javascript案例，无法使设备正确显示不同

Question

我正在构建一个基于视差的网站，由于分辨率，我根据屏幕宽度或纵向方向为图像赋予不同的值。标准情况适用于任何分辨率，第二种情况适用于宽度小于1136像素，第三种情况适用于纵向任何设备。

    $(document).ready(function(){   

$("#home .pximage1").parallax("50%", 966, 3.0, true);
$(".portrait").parallax("50%", 500, -1.0, true);
$("#home .pximage3").parallax("50%", 4000, 0.1, true);
$("#home .pximage4").parallax("50%", 2440, 0.2, true);
$("#home .pximage5").parallax("50%", 1255, 0.8, true);
$("#home .pximage6").parallax("50%", 1020, 2.0, true);
$("#home .pximage7").parallax("50%", 987, 2.5, true);
$("#home .pximage8").parallax("50%", 1020, 2.0, true);

if (screen.width<=1136)
{
$("#home .pximage1").parallax("50%", 3300, 0.1, true);
$("#home .pximage3").parallax("50%", 3300, 0.1, true); 
$("#home .pximage4").parallax("50%", 2000, 0.2, true);
$("#home .pximage5").parallax("50%", 1027, 0.8, true);
$("#home .pximage6").parallax("50%", 830, 2.0, true);
$("#home .pximage7").parallax("50%", 804, 2.5, true);
$("#home .pximage8").parallax("50%", 830, 2.0, true);

 }
 else if (screen.orientation = portrait)
 {
$("#home .pximage1").parallax("50%", 3700, 0.1, true);
$("#home .pximage3").parallax("50%", 3700, 0.1, true); 
$("#home .pximage4").parallax("50%", 2495, 0.2, true);
$("#home .pximage5").parallax("50%", 1600, 0.8, true);
$("#home .pximage6").parallax("50%", 1420, 2.0, true);
$("#home .pximage7").parallax("50%", 1398, 2.5, true);
$("#home .pximage8").parallax("50%", 1421, 2.0, true);
}

});`

问题是在横向上它完美地工作但是当设备在纵向时它采用宽度1136而不是肖像的值。我的猜测在这种情况下两个条件都是正确的：设备是纵向的，宽度小于1136.

我该如何解决这个问题？