css - 在智能手机上查看时文字消失

Question

在我的 iPhone 上查看网站时（或调整浏览器大小时），页脚“关于我”部分中的文本在窗口右侧部分消失。

当我从#footer .wrap 中删除填充时，浏览器窗口中的任何文本都不会消失。在它的当前值下，填充是 10px 15px。

理想情况下，我想保留某种填充而不是将其设置为零（或删除它），同时显然所有文本都出现在浏览器中。

网站：http ://www.josephruscitti.com/clients/vickieats/

截图：http: //imageshack.us/a/img534/3144/xhx0.jpg

Answer 1

移除宽度：100%；从这里在移动媒体上：

#footer-widgets {
    background-color: #F5F5F5;
    border-top: 1px solid #DDDDDD;
    clear: both;
    font-size: 14px;
    margin: 0 auto;
    overflow: hidden;
    width: 100%;
}