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

标签 html css cross-browser mobile-safari android-styles

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

最佳答案

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

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

关于html - 如何让我的 CSS 页脚在移动浏览器上位于网站底部?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15010373/

相关文章:

javascript - 上下文中 jQuery.ajax() 中出现意外标识符

javascript - 禁用检查更改时的文本框

javascript - 如何处理/跟踪文本框上的多个事件(由其他元素制作 onchange、onblur、onclick)

jquery - CSS - 页面上的随机行

javascript - 区分用于样式和 Javascript 的 CSS 类

java - 获取父框架的requestURL

html - 如何使用 CSS 将内联文本替换为图像

html - 为什么 flexbox 只限制 chrome 中的 child 高度?

HTML 预取资源

html - 滚动条在不同浏览器中的宽度是否始终相同?