我有一个移动网站,我通过 css 调用我的页脚,这样它在加载时应该始终停留在手机屏幕的底部,以及如果我滚动浏览屏幕。它适用于一些设备,但在三星galaxy s2和iphone中给我带来了问题,它在屏幕底部上方有一段距离。
我附上屏幕截图以提供清晰的图片。
你对这个问题有任何想法吗?
编辑:
CSS代码:
footer {
position: fixed;
bottom: 0;
width: 100%;
z-index:3;
}
html代码:
<footer>
<nav>
<ul>
<li>
<a href="@Url.Action("Index", "Sell")" style="color:White; font-weight:bold; font-size:11px;">Sell </a>
</li>
</ul>
</nav>
</footer>
这适用于所有主要浏览器和手机,但 Iphone、Ipad 出现问题。我已经搜索过这个并发现 Iphone(在 Iphon5 之前)不支持position:Fixed属性,因此我尝试使用"position:absolute",但没有成功。使用Position:static将页脚放在页面底部而不是屏幕上。
在 Iphone 和三星 Galaxy Y 和其他手机中解决此问题的任何想法。
谢谢