卡在屏幕底部的浮動廣告橫幅

Question

我有一個快速的問題讓我難住了。 在此頁面上，我在屏幕底部有一個用於 Google 廣告的浮動橫幅。 在我的桌面上，以下代碼工作正常：

<div style="left:0;position: fixed;text-align:center;bottom: 0px;width:100%;z-index:9999;">

   <!-- GOOGLE AD CODE -->

</div>

廣告應該浮動在頁面底部並在您滾動時停留在那里。 但是，當我切換到 iPhone 時，橫幅只是停留在屏幕底部。

Answer 1

也許添加這個

<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, target-densityDpi=device-dpi" />

Answer 2

嘗試也給你的身體或任何 DIV 廣告在一個相對位置內：

#main-wrap {
  position: relative;
}

<div style="left:0px; position:absolute; text-align:center; bottom: 0px;width:100%; z-index:9999;">.....</div>

在這種情況下，它看起來像這樣，廣告 div 的絕對位置和內容容器的相對位置。 http://pasteboard.co/1gPmvBoK.png

Answer 3

嘗試這個

#footer{
position:fixed;
left:0px;
bottom:0px;
height:30px;
width:100%;
background:#999;
}
#footer{
position:absolute;
top:expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px');
}   

來自http://www.flashjunior.ch/school/footers/fixed.cfm