位置:固定在平板电脑上?

时间:2011-12-05 18:15:45

标签: css positioning footer tablet fixed

我现在在portfolio website工作。我正在努力为尽可能多的硬件优化它,所以我在平板电脑上查看了我的网站。游民。我有一个需要“粘贴”到窗口底部的页脚,我使用以下css成功创建了该页脚:

footer {
    position: fixed;
    bottom: 0px;
    height: 100px;
    width: 100%
}

然而,在平板电脑上,它并没有粘在窗口底部,而是悬停在其余内容下面(我把它放在我的HTML中)。这意味着如果页面上没有太多内容,则页脚将放置在页面的中间。我用Google搜索了一段时间,发现有些平板电脑不支持固定定位。

有人知道这个问题的解决方法吗?

2 个答案:

答案 0 :(得分:1)

好的,我会回答我自己的问题来总结一下。 感谢Darek Rossman,我发现了一些有趣的链接。重点是固定位置逐渐获得对平板电脑的更多支持,因此这个问题不再是问题是时间问题。似乎对我有用的解决方法是使用他的第一条评论中提到的javascript解决方案Darek Rossman。不过javascript在某些平板电脑上仍然无法正常运行。在更好的时间到来之前,我将使用不同的平板电脑样式表(使用媒体查询)。特别感谢发布有趣内容的Darek Rossman!

答案 1 :(得分:0)

Filament小组的优秀人员为此创建了一个插件,请在此处查看: Fixed-Fixed

他们还为“渐进增强”创建了许多更好的插件,请在此处查看: SouthStreet

在他们的网站上与他们保持联系: Filamentgroup