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

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

1 个答案: