小屏幕尺寸/移動設備上的低頻頁腳

Question

我剛剛設計了我的第一個wordpress.org運行網站，並帶有自定義主題。這似乎在我一直在查看的較大瀏覽器上運行良好，但如果我縮小窗口大小，或者在移動設備上查看頁腳一半/完全消失 - 這會使站點無法使用。它的編碼與固定的位置，並在94％從頂部，見下圖：

>/* footer */ 
> 
>#footer { 
> position:fixed; 
> top: 94%; 
> font-family:Arial, Helvetica, sans-serif; 
> font-size:14px; 
> width: 100%; 
>} 
> 
>#footerdivide { 
> position: fixed; 
> width:inherit; 
> z-index:2; 
> background-color:inherit; 
> padding-left: 10px; 
>} 
> 
> 
>#footerdivide2 { 
> position: fixed; 
> width: 98%; 
> background-color:inherit; 
> 
>} 
> 
> 
>.footerbutton { 
>  display:inline-block; 
>  padding-right: 40px; 
>  font-size: 16px; 
>} 
> 

該網站是james-clarkson

Answer 1

檢查：

#footer { 
    position:fixed; 
    bottom: 0; 
    height: 40px; // correct if needed 
    font-family:Arial, Helvetica, sans-serif; 
    font-size:14px; 
    width: 100%; 
}