在移動視圖中搞垮了頁腳

我的website的頁腳（固定頁腳）在桌面視圖中看起來很不錯，但在移動視圖中顯得很混亂。它非常大，涵蓋了部分內容。在移動視圖中搞垮了頁腳

在我的研究中，有人在WordPress支持部門提出了同樣的問題，但尚未給出答案。希望你的回答有幫助。

來源

2015-12-23 Tomax

你需要提供代碼，你嘗試過的例子。不僅僅是評論某些東西不起作用。我們不能這樣幫忙。提供代碼並將其添加到https://jsfiddle.net/，作爲我們調查和幫助您的示例。 –

好吧，另一個「我有這個問題，但我沒有發佈代碼」的問題 –

好吧，這個網站不是任何方式移動友好...它甚至不使用任何形式的響應式設計。 ..如果你想建立一個專業的外觀網站，只需很少的努力，你應該看看引導 –

您可以通過改變margin-top: 1070px加入float: left屬性#footer選擇解決問題的頁腳移動以margin-top: 50px &。

更新CSS：

#footer { 
    position: relative; 
    bottom: 0; 
    width: 850px; 
    background: #6600cc; 
    padding: 25px; 
    margin-top: 50px; 
    float: left; 
}

來源

2015-12-23 10:26:12

非常感謝Shishir，問題已經解決。你一直很有幫助。 – Tomax

歡迎您:) –

提供的css樣式頁腳：

#footer 
{ 
    position: fixed; 
    bottom: 0; 
    width: 100%; 
}

我建議你用系統啓動時進行響應的網站。

來源

2015-12-23 13:30:45

在移動視圖中搞垮了頁腳

回答

相關問題