粘滯頁腳問題 - 出現在較小屏幕上的滾動條

Question

我正在使用http://www.cssstickyfooter.com/作爲我正在處理的兩個站點的頁腳。似乎在大屏幕上沒問題，根本沒有問題。

但是去到一個較小的顯示器時和縮小網頁的大小，我在屏幕底部得到一個滾動條和頁腳不拉伸屏幕的整個寬度。

這個問題的一個工作的例子是here

就縮小屏幕尺寸下，你可以看到這個問題。

關於如何解決這個問題的任何想法。它也發生在這個site我事先制定的

感謝。

Answer 1

您需要爲頁腳設置一個min-width。目前，即使內容的其餘部分不再適合屏幕並添加滾動條，頁腳也會正確調整自己的大小以適應屏幕的大小。

尋找在其中出現滾動條的寬度和設置您的頁腳的min-width了這一點。例如：

.footer { 
    min-width: 1000px; 
}