html - iPad 和 iPhone 中的 CSS 页脚问题

Question

我的底部有这个页脚，在桌面上看起来不错，但在 iphone 或 ipad 上，背景被截断了:

这是HTML

<div class="footerPowell">

    <div class="footer-content">

        <div class="footer-location">

            <!--<h1>Locations</h1>-->
            <ul>
                <li>Address</li>
                <li>Address</li>
                <li>Address</li>
                <li>Address</li>
            </ul>

        </div><!--footer-location-->

    </div><!--footer-content-->

</div>

这是 CSS:

.footerPowell{
    background-color:#000;
    height:500px;
    margin-top:-100px
}

.footer-content{
    width:1000px;
    margin:0 auto;
    color:#FFF;
    padding-top:130px;
}

.footer-location{
    width: 100%;
    text-align:center;
}

.footer-location h1{
    font-size:20px;
    padding-bottom:15px;
    color:#b9b9b9;
    font-family: 'gotham_htfbook';
}

.footer-location ul{
    list-style:none;
}

.footer-location ul li{
    font-family: 'gotham_htfbook';
    color:#808080;
    padding-bottom:3px;
    font-size:16px;
    display:inline-block;
    padding-right:10px;
}

.footer-location ul li a{
    color:#808080;
    text-decoration:none;   
}

Answer 1

不确定你所说的截止到底是什么意思，但你可能想试试这个

.footer-content{
    width: 100%;
    margin:0 auto;
    color:#FFF;
    padding-top:130px;
}

使用百分比作为宽度以保持 100% 宽度。