縱向模式下移動設備頁面底部的空白

當我在計算機上瀏覽我的網站時，在所有主流瀏覽器中一切都很正常，但是，當我在Android手機上查看時，頁腳之間存在巨大差距。只有在肖像模式和所有安卓瀏覽器中才會發生。當我在橫向模式下查看它時，差距在所有瀏覽器中消失。縱向模式下移動設備頁面底部的空白

我嘗試使用視口元標記'玩'，但它沒有幫助。

我的網站的寬度：1300px和高度：100％。另外，頁腳有padding-bottom：0;邊距：0;

什麼可能導致此問題只發生在肖像模式？

更新：似乎一個頁面的高度不足以填充我的手機的整個屏幕，所以有這個差距。當我瀏覽頁面時，它會根據網站的寬度完全縮小。如何讓它根據網站的高度進行放大，從而消除底部空隙？

請幫忙

P.S.不幸的是，我無法爲您提供鏈接到網站，因爲它在本地服務器上。

來源

2012-10-31 Dxr Tw

如果刪除高度：100％會發生什麼情況？ – coopersita

試過幾秒鐘前，沒有任何變化。 –

嘗試絕對位置和底部位置0 –

好吧，夥計們。我設法修復它。可能不是世界上最好的解決方案，但總比沒有好。所以我所做的是通過使用視口最小比例= 0.6來強制最小縮放。

此修復之後沒有底部空隙。

來源

2012-10-31 21:35:36

縱向模式下移動設備頁面底部的空白

回答

相關問題