在iPad Safari上查看时错位的页脚

时间:2013-09-19 15:01:01

标签: css ipad footer

我目前正在处理的网站在页脚方面工作得非常好,但是当在iPad的Safari上查看网站时,页脚位于页面底部并且经过一小时的试用后错位和错误我没有得到任何快速。我希望有人有这个问题,也许可以通过解释你为解决问题所做的工作来帮助我。

这是我的HTML的基本标记。

<html>
<body>
    <form>
        <iframe></iframe> <!-- This is where the different pages are set -->
    </form>
    <footer>
    </footer>
</body>
</html>

这是CSS

html,
body {
   margin:0;
   padding:0;
   height:100%;
}

.footer {
   position:absolute;
   bottom:0;
   width:100%;
   height:40px;   /* Height of the footer */
   background:#6d8085;
}

enter image description here

ipad公司

enter image description here

非常感谢您的帮助!

1 个答案:

答案 0 :(得分:1)

尝试 position:fixed;

在您的css声明中

或将身高更改为 min-height

基本上,您的内容正在窥视您的网页。要查看此内容,请添加 body {background-color:red;}