css - 在小屏幕尺寸/移动设备上消失的页脚

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

该网站是詹姆斯克拉克森

Answer 1

检查这个：

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