footer.php没有显示在手机或平板电脑上

时间:2016-05-24 06:35:02

标签: html css footer

之前我没有遇到这个问题,但是我正在努力完成一个网站(Wordpress),由于某种原因我无法理解,这个页脚不会显示在我的网站上iPhone或iPad。当我在chrome上调整大小或在开发工具中使用移动视图时,它会在那里但不在实际设备上。希望有人可以给我一些关于我做错事的见解,因为我有一个非常简单的设置,我感觉它是愚蠢的。该网站为http://springstderm.com/

Footer.php代码:

<footer>
<div class="footer-bg">
    <div class="container">
        <p>Spring Street Dermatology   |   73 Spring Street, Suite 303, NYC   |   212.431.4749  |  <a href="#">Make An Appointment</a></p>
        <p>Copyright &copy;<?php echo date ( "Y" ); ?> Spring Street Dermatology. All Rights Reserved.</p>
    </div>
</div>
</footer>

页脚CSS:

footer {
    background-color: #4A4A4A;
    color: #fff;
    text-align: center;
    padding: 40px 0;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 135px;
}

footer .footer-bg {
background-color: #4A4A4A;
}

2 个答案:

答案 0 :(得分:0)

在我的Android(三星Galaxy S5)中,Chrome和原生浏览器的效果很好。

答案 1 :(得分:0)

它确实显示..它工作正常。enter image description here