自動頁腳大小調整CSS

我有一個包含2行3個鏈接的頁腳 - 當瀏覽器窗口被調整大小並且太小時，鏈接被切斷。有什麼方法可以保持頁腳全尺寸，而窗口的其他部分被調整大小？自動頁腳大小調整CSS

.footer { position: fixed; top: 90%; left: 0; right: 0; bottom: 0; 
     background: #ffffff; border: solid black; border-width: 2px 0 0 0; }

來源

2013-03-20 Jenni Murtagh

給它的尺寸？ – advermark 2013-03-20 15:02:06

如果你製作了[小提琴]（http://jsfiddle.net/），也許會有所幫助？我猜你是在說底部的內容在底部被裁剪掉，因爲底部高度不夠長，無法顯示出來？我認爲這將是您使用的方法的固有問題。也許如果你解釋你想要做什麼，可以提出替代解決方案？在我的頭頂，你可以使用媒體查詢來縮小頁腳的字體大小，因爲頁面縮小了，試圖讓它適合。 – jmbertucci 2013-03-20 15:10:00

http://jsfiddle.net/utb6z/ 聽起來像你是對的固有問題。我試圖用一個div將頁面分成4個不同的彩色象限。然後添加頁腳。 – 2013-03-20 15:23:31

設置「最小寬度」爲您的div

.footer { 
    position: fixed; 
    top: 90%; 
    left: 0; 
    right: 0; 
    bottom: 0; 
    background: #fff; 
    border-top: 2px solid #000; 

    min-width: 200px; 
}

來源

2013-03-20 15:14:12 zer0ruth

這並不是我所關心的寬度，而是高度。當窗口是半高時，頁腳不調整。 – 2013-03-20 15:20:41

添加min-height到頁腳，如圖this fiddle：

.footer { 
    position: fixed; 
    height: 10%; 
    min-height: 40px; 
    left: 0; 
    right: 0; 
    bottom: 0; 
    background: #fff; 
    border-top: 2px solid black; 
}

來源

2013-03-20 15:17:14 NGLN

被頁腳固定在底部的頁面選項？只是刪除了top: 90%;和頁腳將保留它的高度，甚至當窗口一半大小

.footer { 
    position: fixed; 
    left: 0; 
    right: 0; 
    bottom: 0; 
    background: #fff; 
    border-top: 2px solid #000; 
}

PS我叉你的提琴：http://jsfiddle.net/6s5eN/

來源

2013-03-20 15:40:26 zer0ruth

自動頁腳大小調整CSS

回答

相關問題