gpt4 book ai didi

css - 位置 : fixed on a tablet?

转载 作者:太空宇宙 更新时间:2023-11-04 16:10:59 27 4
gpt4 key购买 nike

我正在研究我的 portfolio website眼下。我正在尝试针对尽可能多的硬件对其进行优化,因此我在平板电脑上查看了我的网站。无赖。我有一个页脚需要“粘贴”到窗口底部,我使用以下 css 成功创建了它:

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

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

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

最佳答案

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

关于css - 位置 : fixed on a tablet?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8389890/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com