html - 如何让我的 CSS 页脚在移动浏览器上位于网站底部？

Question

除了 iPad、iPhone 和 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 和移动设备上正确显示？谢谢。

Answer 1

每次我需要一个粘性页脚时，我总是会回到这个人身边

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