Iphone 页脚赢得'；t在页面底部居中_Iphone_Html_Css_Footer

Iphone 页脚赢得'；t在页面底部居中

iphone html css

Iphone 页脚赢得'；t在页面底部居中,iphone,html,css,footer,Iphone,Html,Css,Footer,我的页脚在每个电脑屏幕上都有完美的定位。但是，当我在iPhone上测试它时，页脚卡在页面的中间，不会以水平的方式重复它。p> 我能做些什么，让页脚也留在Iphone屏幕和其他智能手机的底部这是我的页脚的CSS： #footer { position:absolute; bottom:0; width:100%; height:270px; background-image:url(images/footer.png); } 首先，我希望

我的页脚在每个电脑屏幕上都有完美的定位。但是，当我在iPhone上测试它时，页脚卡在页面的中间，不会以水平的方式重复它。p> 我能做些什么，让页脚也留在Iphone屏幕和其他智能手机的底部

这是我的页脚的CSS：

#footer {
    position:absolute;
    bottom:0;
    width:100%;
    height:270px;
    background-image:url(images/footer.png);   
    }

首先，我希望它是针对静态页面的，因为动态页面可能会给您带来更多麻烦

无论如何，把页脚放在0的底部不是一个好主意，如果我有较大的字体或较小的分辨率（如使用笔记本或智能手机），内容将放在页脚下方，这可能会发生在你的页面上。网络上有很多代码来回答这个特定的问题。它被称为“”

这是该页的复制/粘贴。我希望没有人被冒犯，如果它已经存在，就没有必要重写它。如果您不满意，只需谷歌“粘性页脚”：

如何在网站上使用CSS粘性页脚将以下CSS行添加到样式表中。.wrapper中边距的负值与.footer和.push的高度相同。负边距应始终等于页脚的全高（包括您可能添加的任何填充或边框）

遵循这个HTML结构。任何内容都不能位于.wrapper和.footer div标记之外，除非绝对使用CSS定位。在.push div中也应该没有内容，因为它是一个隐藏元素，可以向下“推”页脚，所以不会重叠任何内容

<html>
    <head>
        <link rel="stylesheet" href="layout.css" ... />
    </head>
    <body>
        <div class="wrapper">
            <p>Your website content here.</p>
            <div class="push"></div>
        </div>
        <div class="footer">
            <p>Copyright (c) 2008</p>
        </div>
    </body>
</html>


你的网站内容在这里
版权所有（c）2008

编辑：它正是我所说的行为。如果您缩放页面（Control++），您将看到页脚下方的内容。

将位置更改为“固定”，希望可以解决此问题

#footer {
    position:fixed;
    bottom:0;
    width:100%;
    height:270px;
    background-image:url(images/footer.png);
}

你能提供一个例子页面吗？这是网站：谢谢你的帮助。我已经尝试了一个粘性页脚代码。。运气不好，我把脚放进了身体，解决了我的问题。也许不是一个真正好的解决方案，但对我来说，它是有效的。

#footer {
    position:fixed;
    bottom:0;
    width:100%;
    height:270px;
    background-image:url(images/footer.png);
}