如何让我的CSS页脚停留在移动浏览器的网站底部?

时间:2013-02-21 19:11:19

标签: html5 css3 cross-browser mobile-safari android-styles

我的网站页脚在所有浏览器中都能完美运行,除了IPads,IPhones和Android手机。基本上,在移动设备上,页脚不应该位于站点的底部。这是页脚的CSS:

.Footer { width: 100%; padding:10px 0; margin:0px 0 0 0; text-align:center; border-top:1px solid #b3b3b3; background-color:#d9d9d9; min-width: 1024px;}
.Footer p { color:#959595; padding:0; margin:0; font:normal 10px 'Verdana';}
.Footer a { color:#959595; text-decoration:underline;}

这是body和html标签的CSS:

body { font:12px Arial, Helvetica, sans-serif; padding:0; margin:0; color:#101010; width: 100%;}
html { padding:0; margin:0;}

该网站在avidest.com上。如何在IPad和移动设备上正确显示页脚?感谢。

1 个答案:

答案 0 :(得分:2)

每当我需要一个粘性页脚时,我总会最终回到这个人身上

http://ryanfait.com/sticky-footer/