CSS:Bootstrap-移动浏览器的粘性页脚位置错误_Css_Twitter Bootstrap

CSS:Bootstrap-移动浏览器的粘性页脚位置错误

css twitter-bootstrap

CSS:Bootstrap-移动浏览器的粘性页脚位置错误,css,twitter-bootstrap,Css,Twitter Bootstrap,我使用的是bootstrap 3——对于这个主题，特别是在手机和设备上，例如Chrome@Samsung Galaxy 4、IPad上，粘性的页脚会产生问题我正在使用div容器wrap_con将页脚向下推到页面的末尾。因此，我的html代码如下所示： <body> <div id="wrap_con"> page content </div> <div id="my_footer"> two container (<div class=

我使用的是bootstrap 3——对于这个主题，特别是在手机和设备上，例如Chrome@Samsung Galaxy 4、IPad上，粘性的页脚会产生问题

我正在使用div容器wrap_con将页脚向下推到页面的末尾。因此，我的html代码如下所示：

<body>
<div id="wrap_con"> 
page content
</div>
<div id="my_footer">

two container (<div class="container">) are implementing the footer here

</div>

所以，在实践中，两个容器应该始终粘贴在页面底部，并实现页脚。这在所有桌面浏览器中都非常有效，但如果要在移动浏览器上查看站点，页脚不在页面底部。页脚和页面底部之间的距离约为75px。

在移动媒体查询中，将此添加到页脚

position:fixed;
bottom:0;
left:0;

你试过了吗@乔

position:fixed;
bottom:0;
left:0;