小屏幕尺寸/移动设备上的低频页脚

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%; 
}