gpt4 book ai didi

html - 位置:iPhone iOS 中的固定页脚

转载 作者:太空宇宙 更新时间:2023-11-03 19:33:07 25 4
gpt4 key购买 nike

让我的页脚停留在页面底部时遇到一些麻烦,但仅限于 iPhone 移动版 Safari (iOS6)。使用 position:fixed 在 iPad 和桌面版本上工作得很好。我在互联网上到处寻找解决方案,但我尝试过的任何方法似乎都不起作用。如果我将它更改为 position:relative,它在 iPhone 上显示良好,但在其他浏览器版本上显示太高。我的代码是:

#footer {
padding-top: 15px;
padding-bottom: 5px;
width: 100%;
height: 50px;
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
font-size: 10px;
color: #fff;
text-align: center;
text-shadow: 2px 0px 5px #000;
position: fixed;
bottom: 0;
}

<div id="footer">
<ul>
<li><a href="Index.html">Home</a></li>
<li><a href="Assessment.html" target="_blank">Assessment</a></li>
<li><a href="Press.html">Press</a></li>
<li><a href="Careers.html">Careers</a></li>
<li><a href="News.html">News</a></li>
<li><a href="Contact.html" target="_blank">Contact</a></li>
<li><a href="https://www.facebook.com/pages/Southern-Cross-Catholic-College-Japanese/164793893570872" target="_blank">Facebook</a></li>
<li><a href="http://www.sccc.qld.edu.au">SCCC Home</a></li>
<li><a href="#top">Top</a></li>
</ul>
<p class="fine-print">Created by Maree Carr. &copy; 2014 scccjapan.com. All rights reserved.</p></div>

提前致谢:)

最佳答案

一切顺利!在这里找到答案:cssreset.com/how-to-keep-footer-at-bottom-of-page-with-css .为什么我一天前就找不到了!!

关于html - 位置:iPhone iOS 中的固定页脚,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20963742/

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