如何删除移动网站的大白区？

Question

我想摆脱手机网站所有页面两条阴影线之间浪费的空白空间。

我使用#pageWrapper { margin-top: 30px; }表示我桌面版的间距，但这可能不是理想的方法吗？我被要求删除它，但随后它搞砸了桌面视图的间距。

我的网站是http://jeffreydowellphotography.com（我很抱歉，如果它不赞成发布我的网站链接，但我不知道如何向您显示）我是一个菜鸟。

Answer 1

您需要在媒体查询中应用移动样式：

@media screen and (max-width: 800px) {
    #pageWrapper {
        margin: 0;
        padding: 0 20px;
    }
    .sqs-layout .sqs-row .sqs-block:last-child {
        padding-bottom: 0;
    }
}