移動Safari上高度爲100％的div

Question

我正在嘗試創建一個頁面，其中「幻燈片」堆疊並且用戶必須滾動。每張幻燈片應該填充整個視口。所以我有這個CSS：

html, 
body, 
.slide { 
    height: 100%; 
} 

而在我的HTML我只是有

<div class="slide"> 
    <!-- Content Slide #1 here --> 
</div> 
<div class="slide"> 
    <!-- Content Slide #2 here --> 
</div> 

而且它的偉大工程。問題是，在我的iPhone上，第二張幻燈片不夠高。
它的大小似乎是用頂部的滾動條來計算的，但是當我向下滾動時，沒有滾動條。我想我需要jQuery來解決這個問題，但我該怎麼做呢？

Answer 1

如果你想使用jQuery您可以在此

if(/iPhone|iPad|iPod/i.test(navigator.userAgent)) { 
    $('.slide').css({'height':'100%'}); 
}