jqueryのスライダー画像の下部余白解消

Question

前提・実現したいこと

jqueryを使用してホームページのトップにスライダー画像を設置してます。パソコンではスライダー画像が正常稼働してます。iphoneとipadではスライダー画像の下部に余白が出来るため、
$(window).on('load resize', function(){
// 処理を記載
}

$(window).on('load resize', function(){
if ($(window).height(); <= 600) {
// 動作
}
}
をHTML記述で追加したところ、スライダー画像は正常稼働しますが、下部に余白が残ります。スマホのsafariのリロードを何度か押すとリサイズされ下部に余白が無くなります。最初から動的に余白を無くして表示する方法について、ご教示願います。
ここに質問の内容を詳しく書いてください。
（例）PHP(CakePHP)で●●なシステムを作っています。
■■な機能を実装中に以下のエラーメッセージが発生しました。

発生している問題・エラーメッセージ

エラーメッセージ

該当のソースコード

ソースコード

試したこと

ここに問題に対して試したことを記載してください。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Answer 1

解決しました。４枚の写真のスライダー画像でしたが１枚の写真がなかったため、この様な事象になりました。無かった１枚の写真を追加したらiphone、ipadとも最初の画面で動的リサイズされ余白無しで表示されるようになりました。お騒がせしました。