jquery if ステートメントが正常に機能しない場合があります。近いと思いますが、機能したくないようです。
次のようにしたいと思います: iOS デバイスの場合は 1 つのことを行い、高さが 500 ピクセルを超えて 830 ピクセル未満のウィンドウの場合は別のことを行い、そのどちらでもない場合は3番目のことをする
var deviceAgent = navigator.userAgent.toLowerCase();
var agentID = deviceAgent.match(/(iphone|ipod|ipad)/);
if(agentID) {
$("#about_container").css({
height: $(window).height() + 500
});
$("#about_main_header_container").css({
paddingBottom: (($(window).height() - $("#about_content_total").outerHeight(true)) /2) - 50
});
$("#services_wrapper").css({
height: $(window).height() + 190
});
$("#services_main_header_container").css({
paddingBottom: (($(window).height() - $("#services_container").outerHeight(true)) /2) - 10
});
}
else if ($(window).height() > 500, $(window).height() < 830) {
$("#about_container").css({
height: 830
});
$("#services_wrapper").css({
height: 830
});
$("#services_main_header_container").css({
paddingBottom: 160
});
$("#about_main_header_container").css({
paddingBottom: 130
});
}
else {
$("#about_container").css({
height: $(window).height() - 65
});
$("#about_main_header_container").css({
paddingBottom: (($(window).height() - $("#about_content_total").outerHeight(true)) /2) - 175
});
$("#services_wrapper").css({
height: $(window).height() - 100
});
$("#services_main_header_container").css({
paddingBottom: (($(window).height() - $("#services_container").outerHeight(true)) /2) - 175
});
}